当前位置：网站首页>Take an example of a web worker

Take an example of a web worker

2022-08-03 22:27:00 【Ziwei front end】

You need to follow the steps below to get started with web workersCount example

Create a Web Worker file: You need to write a script to increment the count value.Let's name it counter.js

let i = 0; function timedCount() { i = i + 1; postMessage(i);setTimeout("timedCount()", 500); } timedCount();

Here the postMessage() method is used to post the message backto HTML page

Create Web Worker Object: You can create a Web Worker object by checking browser support.Let's name this file web_worker_example.js

if (typeof w == "undefined") { w = new Worker("counter.js"); }

We can receive messages from web workers

w.onmessage = function (event) { document.getElementById("message").innerHTML = event.data; };

Terminate Web Worker: The Web Worker will continue to listen for messages (even after the external script completes) until it is terminated.You can use the terminate() method to terminate listening for messages.

w.terminate();

Reuse Web Workers: If the worker variable is set to undefined, code can be reused

w = undefined;

版权声明
本文为[Ziwei front end]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/215/202208032221580579.html