当前位置:网站首页>举一个 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;边栏推荐
猜你喜欢
随机推荐
CAS:908007-17-0_Biotin-azide _生物素叠氮化物
【MySQL进阶】数据库与表的创建和管理
Embedded Systems: Clocks
电商秒杀系统
UVa 10003 - Cutting Sticks(白书,区间DP)
网络基础学习系列四(网络层,数据链路层和一些其他重要协议或技术)
老板:公司系统太多,能不能实现账号互通?
.NET6之MiniAPI(十四):跨域CORS(上)
Bytebase数据库 Schema 变更管理工具
UVa 10003 - Cutting Sticks (White Book, Interval DP)
Zilliz 2023 秋季校园招聘正式启动!
Summary bug 】 【 Elipse garbled solution project code in Chinese!
生成器版和查看器版有什么区别?
CAS: 773888-45-2_BIOTIN ALKYNE_Biotin-alkynyl
How to write a database document management tool based on WPF (2)
Canvas App中点击图标生成PDF并保存到Dataverse中
HCIP第十三天
授人以渔 - 如何自行查询任意 SAP UI5 控件属性的文档和技术实现细节试读版
Unification of east-west and north-south communications
Internet user account information management regulations come into effect today: must crack down on account trading and gray products





![[N1CTF 2018]eating_cms](/img/09/3599d889d9007eb45c6eab3043f0c4.png)



