HTML 5 Web Workers

【HTML5】

下载

新闻

文章

web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。

<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") {
            //在创建 web worker 之前，请检测用户的浏览器是否支持它
            if (typeof(w) == "undefined") {
                w = new Worker("demo_workers.js");
                //js文件提供一个postMessage(信息)方法 - 它用于向 HTML 页面传回消息
            }
            w.onmessage = function (event) {
                //向 web worker 添加一个 "onmessage" 事件监听器
                document.getElementById("result").innerHTML = event.data;
            };
        } else {
            document.getElementById("result").innerHTML = "你的浏览器不支持workers";
        }
    }
    function stopWorker() { w.terminate(); }
</script>