原创力文档- 1、本文档共5页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
HTML5W之orker用法
HTML5之Worker用法
HTML5提供了Worker类用于多线程处理。Worker是在UI主线程中创建，后台执行的一段js脚本，它通过消息与UI线程传递数据。使用Worker就3步：
cheungmine 2011-11-29
第1步：创建一个Worker，需要指定一个js文件，作为Worker线程的执行体：
var worker = new Worker(worker.js);
第2步：给Worker实例指定消息处理函数，只有2个：onmessage ，onerror worker.onmessage = function (event) { // update UI here var t1 = new Date().getTime(); elemById(_time).value = t1 - t0; elemById(_piValue).value = event.data; }; worker.onerror = function (event) { alert(event.message); };
第3步：给worker发消息：postMessage。
elemById(_time).value = -; t0 = new Date().getTime(); worker.postMessage(parseInt(elemById(_num_rects).value));
下面以一个具体的例子来说明Worker的用法。这个例子是用数值积分的方法求pi=(3.1415926）的。worker.js就是做这个工作。
[javascript]view plaincopyprint?
// worker.js
// calculate pi using numerical integration
// 2011-11, cheungmine
self.onmessage = function (event) {
// numerical integration to calc pi
var num_rects = event.data;
var width = 1.0/num_rects;
var mid;
var height;
var sum = 0.0;
var area;
for (var i=0; inum_rects; i++) {
mid = (i+0.5) * width;
height = 4.0/(1.0+mid*mid);
sum += height;
}
area = width*sum; // area=pi
// post message back to UI thread
self.postMessage(area);
};
HTML5主页面js-test.html如下：
[html]view plaincopyprint?
!doctype html
html lang=en
head
meta charset=UTF-8
titlejs-test.html/title
script type=text/javascript
function elemById(id) {
return document.getElementById(id);
}
function getBrowserAgent() {
var browser = $;
if ((navigator.userAgent.indexOf(MSIE) = 0)
(navigator.userAgent.indexOf(Opera) 0)){
browser = $IE;
}
else if (navigator.userAgent.indexOf(Firefox) = 0){
browser = $FIREFOX;
}
else if (navigator.userAgent.indexOf(Opera) = 0){
browser = $OPERA;
}
else if (navigator.
文档评论（0）