美文网首页
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 实现一个计时器功能

    worker 实现倒计时功能,可以有效的预防代码阻塞的问题 废话不多说,先贴一段代码 1.首先.先创建一个work...

  • spring schedule的简单实现

    Schedule 关于spring一个计时器功能的实现spring 的计时器是非常好用的,非常方便,无需配置多少东...

  • PWA 文档笔记

    Service Worker Service Worker 有以下功能和特性: 一个独立的 worker 线程,独...

  • 【融职培训】Web前端学习 第3章 JavaScript基础教程

    一、计时器方法概述 计时器方法可以实现在指定的时间过后,单次或重复调用函数的功能,setTimeout可以实现函数...

  • 浏览器缓存、渲染原理

    有几种方式可以实现存储功能,分别有什么优缺点,什么是 Service Worker? 特性cookielocalS...

  • 22 旋转+弹窗

    该案例主要想实现以下功能: (一) (二)旋转功能(重点) 2.1 用到的节点 Timer是秒表计时器,秒表可以倒...

  • Android PdfView实现预览PDF

    最近有一个预览pdf的功能要去实现,就是纯展示 。同时附带介绍了计时器的实现,即在阅读的时候计算一下用户读了多久 ...

  • 你不想自己写一个你画我猜吗(五)

    每人工作 刘一凡: 已完成的任务: 功能选择界面的动画实现(基于animation实现动画效果、计时器的添加/删除...

  • Unity上机面试题

    1、实现吊机吊物体的功能 2、写一个计时器工具,从整点开始计时,格式为:00:00:00 3、用鼠标实现在场景中拖...

  • TCP的4个计时器

    大多数TCP至少实现使用4个计时器:重传计时器,持续计时器,保活计时器,TIME_WAIT计时器 1.重传计时器:...

网友评论

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

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