当前位置:网站首页>举一个 web worker 的例子
举一个 web worker 的例子
2022-08-03 22:22:00 【紫微前端】
您需要按照以下步骤开始使用网络工作者进行计数示例
- 创建一个 Web Worker 文件:您需要编写一个脚本来增加计数值。我们将其命名为 counter.js
let i = 0; function timedCount() { i = i + 1; postMessage(i); setTimeout("timedCount()", 500); } timedCount();
这里 postMessage() 方法用于将消息回传到 HTML 页面
- 创建 Web Worker 对象:您可以通过检查浏览器支持来创建 Web Worker 对象。让我们将此文件命名为 web_worker_example.js
if (typeof w == "undefined") { w = new Worker("counter.js"); }
我们可以接收来自 web worker 的消息
w.onmessage = function (event) { document.getElementById("message").innerHTML = event.data; };
- 终止 Web Worker:Web Worker 将继续侦听消息(即使在外部脚本完成后),直到它被终止。您可以使用 terminate() 方法来终止侦听消息。
w.terminate();
- 重用 Web Worker:如果将 worker 变量设置为 undefined,则可以重用代码
w = undefined;
边栏推荐
猜你喜欢
[b01lers2020]Life on Mars
E-commerce data warehouse ODS layer-----log data loading
Embedded systems: overview
Cisco ike2 IPSec配置
21天打卡挑战学习MySQL——《Window下安装MySql》第一周 第三篇
易观分析:2022年Q2中国网络零售B2C市场交易规模达23444.7亿元
CAS:1260586-88-6_生物素-C5-叠氮_Biotin-C5-Azide
Embedded Systems: GPIO
IO thread process -> thread synchronization mutual exclusion mechanism -> day6
node连接mysql数据库报错:Client does not support authentication protocol requested by server
随机推荐
2022的七夕,奉上7个精美的表白代码,同时教大家快速改源码自用
Embedded Systems: GPIO
数据一致性:双删为什么要延时?
21天打卡挑战学习MySQL——《Window下安装MySql》第一周 第三篇
win10系统下yolov5-V6.1版本的tensorrt部署细节教程及bug修改
YOLO之父宣布退出CV界,坦言无法忽视自己工作带来的负面影响
互联网用户账号信息管理规定今起施行:必须严打账号买卖灰产
4年工作经验,多线程间的5种通信方式都说不出来,你敢信?
决策树、GBDT、XGBOOST树的可视化
385. Mini Parser
生成器版和查看器版有什么区别?
384. Shuffle an Array
How to write a database document management tool based on WPF (2)
嵌入式系统:GPIO
授人以渔 - 如何自行查询任意 SAP UI5 控件属性的文档和技术实现细节试读版
【刷题篇】二叉树的右视图
CAS: 773888-45-2_BIOTIN ALKYNE_生物素-炔基
云平台建设解决方案
PowerMockup 4.3.4::::Crack
UVa 1025 - A Spy in the Metro(白书)