HTML5 Web Workers

发布时间：2020-08-01 12:37:11 阅读：261 作者：antlove 栏目：移动开发

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

index.html

<!DOCTYPE html>
<html>
<body>

<p>Count numbers: <output id="result"></output></p>
<button onclick="startWorker()">Start Worker</button>
<button onclick="stopWorker()">Stop Worker</button>
<br /><br />

<script>
    var w = null;

    function startWorker(){
        if(typeof(Worker)!=="undefined"){
            if(w==null){
                w=new Worker("worker.js");
            }
            w.onmessage = function (event) {
                document.getElementById("result").innerHTML=event.data;
            };
        }
        else{
            document.getElementById("result").innerHTML="Sorry, your browser does not support Web Workers...";
        }
    }

    function stopWorker(){
        if(w==null){
            return;
        }
        w.terminate();
        w = null;
    }
</script>

</body>
</html>

worker.js

var i=0;

function timedCount(){
	i=i+1;
	postMessage(i);
	setTimeout("timedCount()",500);
}

timedCount();

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

HTML5 Web Workers

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签