html5-创建web wroker计时器

最新推荐文章于 2024-01-09 10:49:57 发布

清濛

最新推荐文章于 2024-01-09 10:49:57 发布

阅读量935

点赞数 1

分类专栏： Html5 文章标签： html5 web 线程

本文链接：https://blog.csdn.net/xyy_933/article/details/51438021

版权

Html5 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>创建web worker计数器</title>
<script>
var w;
function startWorker(){
if(typeof(Worker)!=="undefined"){
if(typeof(w)=="undefined")
w=new Worker("js/worker.js");
w.onmessage=function(event){
document.getElementById("result").innerHTML=event.data;
};
}
else{
document.getElementById("result").innerHTML="对不起，您的浏览器不支持web workers！";
}
}
function stopWorker(){
w.terminate();
}
</script>
</head>
<body>
<p>计数:<output id="result"></output>
</p>

<button οnclick="startWorker()">开始计时</button>
<button οnclick="stopWorker()">结束计时</button>
<br /><br />
</body>

</html>

//worker.js

var i=0;
function timedcount(){
i=i+1;
postMessage(i);//用于向html页面传回一段消息
setTimeout("timedcount()",500);
}
timedcount();