Web Worker

最新推荐文章于 2024-10-07 09:24:46 发布

longcxm1

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量61

点赞数

分类专栏： HTML5 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/longcxm1/article/details/84242069

版权

HTML5 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<body>

<p>Count numbers: <output id="result"></output></p>
<button οnclick="startWorker()">Start Worker</button> 
<button οnclick="stopWorker()">Stop Worker</button>
<br /><br />

<script>
var w;
function startWorker()
{
if(typeof(Worker)!=="undefined")
{
  if(typeof(w)=="undefined")
    {
    w=new Worker("dem.js");
    }
  w.onmessage = function (event) {
    document.getElementById("result").innerHTML=event.data;
  };
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support Web Workers...";
}
}

function stopWorker()
{ 
w.terminate();
}
</script>

</body>
</html>

var i=0;

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

timedCount();

一、概述

A web worker is a JavaScript running in the background, without affecting the performance of the page.

What is a Web Worker?

When executing scripts in an HTML page, the page becomes unresponsive until the script is finished.

A web worker is a JavaScript that runs in the background, independently of other scripts, without affecting the performance of the page. You can continue to

do whatever you want: clicking, selecting things, etc., while the web worker runs in the background.

二、使用方法及步骤

（1）

检查浏览器是否支持

Check Web Worker Support

Before creating a web worker, check whether the user's browser supports it:

if(typeof(Worker)!=="undefined")

{

// Yes! Web worker support!

// Some code.....

}

else