HTML5 Web Workers

　　demo_workers.js 檔案代碼

　　var i=0;

　　function timedCount()

　　{

　　i=i+1;

　　postMessage(i);

　　setTimeout("timedCount()",500);

　　}

　　timedCount();

　　檢測浏覽器是否支援 Web Worker

　　在建立 web worker 之前，請檢測使用者的浏覽器是否支援它：

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

　　// 是的! Web worker 支援!

　　// 一些代碼.....

　　else

　　//抱歉! Web Worker 不支援

　　建立 web worker 檔案

　　現在，讓我們在一個外部 JavaScript 中建立我們的 web worker。

　　在這裡，我們建立了計數腳本。該腳本存儲于 "demo_workers.js" 檔案中：

　　以上代碼中重要的部分是 postMessage() 方法 - 它用于向 HTML 頁面傳回一段消息。

　　注意: web worker 通常不用于如此簡單的腳本，而是用于更耗費 CPU 資源的任務。

　　建立 Web Worker 對象

　　我們已經有了 web worker 檔案，現在我們需要從 HTML 頁面調用它。

　　下面的代碼檢測是否存在 worker，如果不存在，- 它會建立一個新的 web worker 對象，然後運作 "demo_workers.js" 中的代碼：

　　if(typeof(w)=="undefined")

　　w=new Worker("demo_workers.js");

　　然後我們就可以從 web worker 發生和接收消息了。

　　向 web worker 添加一個 "onmessage" 事件監聽器：

　　w.onmessage=function(event){

　　document.getElementById("result").innerHTML=event.data;

　　};

　　終止 Web Worker

　　當我們建立 web worker 對象後，它會繼續監聽消息(即使在外部腳本完成之後)直到其被終止為止。

　　如需終止 web worker，并釋放浏覽器/計算機資源，請使用 terminate() 方法：

　　w.terminate();

　　完整的 Web Worker 執行個體代碼

　　我們已經看到了 .js 檔案中的 Worker 代碼。下面是 HTML 頁面的代碼：

　　執行個體