HTML 5 Web Workers

最新推荐文章于 2024-06-01 18:42:17 发布

Rowrey

最新推荐文章于 2024-06-01 18:42:17 发布

阅读量81

点赞数

分类专栏： HTML5 文章标签： html5 web workers

本文链接：https://blog.csdn.net/weixin_45561719/article/details/100047334

版权

HTML5 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

它的作用我就不说了主要记录本地并不能直接运行，需要服务器，需要服务器，需要服务器，

1，创建 web worker 文件demo_workers.js

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

2，创建HTML文件

<!DOCTYPE html>
<html>
<body>
<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button>
<script>
    var w;
    function startWorker(){
    	if(typeof(Worker)!=="undefined")
    	{
    	  if(typeof(w)=="undefined")
    	    {
    	    w=new Worker("demo_workers.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>

3，创建服务器访问html文件，我使用nodejs创建

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Rowrey

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 5 Web Workers

本地并不能直接运行，需要创建服务器1，创建 web worker 文件demo_workers.jsvar i=0;function timedCount(){ i=i+1; postMessage(i); setTimeout("timedCount()",500);}timedCount();2，创建HTML文件<!DOCTYPE html><htm...
复制链接

扫一扫