html5 web worker实现异步执行 计数器详解编程语言

<!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; 
  
function startWorker() 
{ 
if(typeof(Worker)!=="undefined") 
{ 
  if(typeof(w)=="undefined") 
    { 
    w=new Worker("demo_workers.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() 
{ 
w.terminate(); 
} 
</script> 
  
</body> 
</html>

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/8873.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论