美文网首页
worker 实现一个计时器功能

worker 实现一个计时器功能

作者: 月半女那 | 来源:发表于2018-07-10 14:31 被阅读0次

    worker 实现倒计时功能,可以有效的预防代码阻塞的问题

    废话不多说,先贴一段代码

    1.首先.先创建一个worker需要执行的js文件,countdown.js

    由于这个js文件是由 Worker 来在后台执行的文件,所以这个文件内代码的 self 指向的就是 Worker 对象。我们通过 onmessage 时间接收来自页面的倒计时数值,然后原封不动的把之前的倒计时代码拷贝过来,唯一不同的就是使用 self.close() 语句来关闭 Worker。

    2.在创建一个html文件

    postmessage:用来向worker发送数据

    onmessage: 用接受worker发送过来的数据

    注:chrome不支持这种本地使用本地方式使用Web Worker。不过别的浏览器可能就支持,所以还是把main.html页面放在web容器中运行更靠谱。

    相关文章

      网友评论

          本文标题:worker 实现一个计时器功能

          本文链接:https://www.haomeiwen.com/subject/emifpftx.html