欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
到目前为止,您已经学习了如何创建工作程序并开始接收消息。但是,您也可以在执行过程中终止正在运行的工作程序。
 
以下示例将向您展示如何通过单击HTML按钮从网页启动和停止工作程序。它使用与上一个示例相同的JavaScript文件'worker.js'来计算从零到100000的数字。让我们尝试一下:
 
例试试这个代码»
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Start/Stop Web Worker</title>
<script>
    // Set up global variable
    var worker;
    
    function startWorker() {
        // Initialize web worker
        worker = new Worker("worker.js");
        
        // Run update function, when we get a message from worker
        worker.onmessage = update;
        
        // Tell worker to get started
        worker.postMessage("start");
    }
    
    function update(event) {
        // Update the page with current message from worker
        document.getElementById("result").innerHTML = event.data;
    }
    
    function stopWorker() {
        // Stop the worker
        worker.terminate();
    }
</script>
</head>
<body>
    <h1>Web Worker Demo</h1>
    <button onclick="startWorker();" type="button">Start web worker</button>
    <button type="button" onclick="stopWorker();">Stop web worker</button>
    <div id="result">
        <!--Received messages will be inserted here-->
    </div>
</body>
</html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h60996.shtml