码迷,mamicode.com
首页 > Web开发 > 详细

HTML 5 Web Workers

时间:2019-12-11 19:36:09      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:lse   doc   sorry   style   div   计数   new   port   code   

<p>计数:<output id="result"></output></p>
<button onclick="startWorker()">开始 Worker</button>
<button onclick="stopWorker()">停止 Worker</button>
    /**
     * web worker
     */
    var w;
    function startWorker(){
        if (typeof(Worker)!=="undefined"){
            if (typeof(w)=="undefined"){
                w = new Worker("/js/demo_workers.js");
            }
            w.onmessage = function (event) {
                alert(‘a‘);
                document.getElementById("result").innerHTML = event.data;
            }
        } else {
            document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Workers...";
        }
        alert(‘b‘);
    }
    function stopWorker() {
        w.terminate();
    }
/js/demo_workers.js
postMessage(1);

先alert b 后a,类似于ajax异步,如果页面js过多影响页面加载,可以考虑此方法

 

HTML 5 Web Workers

标签:lse   doc   sorry   style   div   计数   new   port   code   

原文地址:https://www.cnblogs.com/longfeiPHP/p/12024001.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!