HTML5 web worker
阿新 • • 發佈:2020-08-18
1.簡介
web worker 是執行在後臺的 JavaScript,獨立於其他指令碼,不會影響頁面的效能。Internet Explorer不支援web worker。
2.worker.js檔案
var i=0; function count(){ i=i+1; postMessage(i);//它用於向 HTML 頁面傳回一段訊息 setTimeout("count()",500); } count();
3.html檔案
<!DOCTYPE html> <html lang="en"> <head> <metacharset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="result">顯示</div> <button onclick="start()">開始</button> <button onclick="stop()">結束</button> <script> var w; function start(){ if(typeof(w)=="undefined"){ w=new Worker("worker.js");//建立web worker 物件 } //新增事件監聽器,當 web worker 傳遞訊息時,會執行下列語句 w.onmessage=function(event){ document.getElementById("result").innerHTML=event.data; } } function stop(){ w.terminate();//終止 } </script> </body> </html>