标签：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>javascript</title> 6 <style type="text/css"> 7 </style> 8 </head> 9 <body> 10 <p>计数： <output id="result"></output></p> 11 <button onclick="startWorker()">开始工作</button> 12 <button onclick="stopWorker()">停止工作</button> 13 </body> 14 </html> 15 <script type="text/javascript"> 16 function startWorker() { 17 //检测浏览器是否支持 web worker 18 if(typeof(Worker) !== "undefined") { 19 //检测是否存在 worker ，如果不存在，创建一个新的 worker 对象，然后运行demo_workers.js的代码。 20 //然后就可以从 web worker 发生和接收消息。 21 if(typeof(w) == "undefined") { 22 w = new Worker("demo_workers.js"); 23 } 24 //web worker 添加一个事件监听器 25 w.onmessage = function(event) { 26 document.getElementById("result").innerHTML = event.data; 27 }; 28 } else { 29 document.getElementById("result").innerHTML = "抱歉，你的浏览器不支持 Web Workers..."; 30 } 31 } 32 //终止web worker 33 //当我们创建 web worker 对象后，它会继续监听消息即在外部脚本完成之后直到其被终止为止。 34 //如需终止 web worker，并释放浏览器/计算机资源，请使用 terminate() 方法 35 function stopWorker() { 36 w.terminate(); 37 w = undefined; 38 } 39 </script>
1 var i=0; 2 3 function timedCount() 4 { 5 i=i+1; 6 postMessage(i);//向HTML页面传回一短消息 7 setTimeout("timedCount()",500); 8 } 9 10 timedCount();
web worker通常不用于如此简单的脚本，而是用于更耗费 CPU 资源的任务。
标签：
原文地址：http://www.cnblogs.com/liubeimeng/p/5629441.html
