首页 > 编程 > HTML > 正文

HTML 5 Web Workers

2020-03-24 17:22:16
字体:
来源:转载
供稿:网友

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


下面的代码检测是否存在 worker,如果不存在,- 它会创建一个新的 web worker 对象,然后运行 demo_workers.js 中的代码:

if(typeof(w)== undefined ) w=new Worker( demo_workers.js 

然后我们就可以从 web worker 发生和接收消息了。

向 web worker 添加一个 onmessage 事件监听器:

w.onmessage=function(event){document.getElementById( result ).innerHTML=event.data;

当 web worker 传递消息时,会执行事件监听器中的代码。event.data 中存有来自 event.data 的数据。


当我们创建 web worker 对象后,它会继续监听消息(即使在外部脚本完成之后)直到其被终止为止。

如需终止 web worker,并释放浏览器/计算机资源,请使用 terminate() 方法:

w.terminate();

p Count numbers: output id= result /output /p button quot;startWorker() Start Worker /button button quot;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;document.getElementById( result ).innerHTML= Sorry, your browser does not support Web Workers... function stopWorker()w.terminate(); /script /body /html

亲自试一试

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

上一篇:HTML5 地理定位

下一篇:HTML5 表单属性

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表