在Vue-Cli环境下利用worker运行interval计时器
npm install worker-loader --save-dev
configureWebpack:{
module: {
rules: [
{
test: /.worker.js$/,
loader: "worker-loader",
options: {
inline: true,
fallback: false,
name: "[name]:[hash:8].js"
}
}
]
},
}
注意，worker-loader配置项一定要写在js-loader的前边，否则报错。
/**
* worker类
* export定时器方法
*
*/
export class workerTimer {
constructor(){
}
timeInterval(name,interval,_this){
console.log(name+"计时器已建立");
this[name] = setInterval(() => {
_this.postMessage({name:name,message:interval/1000+"秒到了"})
},Number(interval))
}
}
import {workerTimer} from "./workerTimer"
/**
*通过遍历器遍历参数
*new出新的worker类
*调用定时器方法
*/
self.onmessage = function (e) {
e.data.map((item) => {
let workertimer = new workerTimer()
workertimer.timeInterval(item.name,item.interval,self)
})
};
import Worker from "./worker.js"
workerInit(){
this.worker = new Worker();
this.worker.postMessage(this.workerList);
this.worker.onmessage = (params) => {
...
}
},
workerList:[
{name:"snapInterval",interval:10000},
{name:"intervalFunc",interval:40}
],
mounted(){
this.workerInit()
}
this.worker.terminate();
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/106263.html
摘要：更方便的在于，由于自带定时器功能，我们甚至不用自己去维护一个时间戳。请注意这里由于没有调用另一个脚本，我们通过和的方式将我们的定时器程序传入中。 问题 经常使用Javascript的同学一定对setInterval非常熟悉，当使用setInterval(callback, timer)时，每经过timer毫秒时间，系统都将调用一次callback。请问全局如果没有提供setInterv...
摘要：当其就绪时，会调用执行定时函数。进程超时停止进程将要停止时，并不会立刻停止，而是会等待事件循环结束后停止，这时为了防止进程不退出，还设置了的延迟，超过就会停止该进程。当允许空闲时间小于时，统一每隔检测空闲连接。 前言 swoole 的 timer 模块功能有三个：用户定时任务、剔除空闲连接、更新 server 时间。timer 模块的底层有两种，一种是基于 alarm 信号，一种是基于...
摘要：浏览器渲染进程浏览器内核进程，内部是多线程的默认每个页面一个进程，互不影响。事件触发线程归属于浏览器而不是引擎，用来控制事件循环可以理解成引擎自己都忙不过来，需要浏览器另开线程协助。 线程和进程 进程和线程的概念可以这样理解： 进程是一个工厂，工厂有它的独立资源--工厂之间相互独立--线程是工厂中的工人，多个工人协作完成任务--工厂内有一个或多个工人--工人之间共享空间 工厂有多个工人...
阅读 3390·2021-10-13 09:40
阅读 2928·2021-10-09 09:53
阅读 3322·2021-09-26 09:46
阅读 1682·2021-09-08 09:36
阅读 4020·2021-09-02 09:46
阅读 1069·2019-08-30 15:54
阅读 2963·2019-08-30 15:44
阅读 879·2019-08-30 11:06
