设为首页 加入收藏

TOP

HTML5之Worker用法
2014-11-24 13:59:59 来源: 作者: 【 】 浏览:0
Tags: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就是做这个工作。



】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇HTML5使用canvas画图时,图片被自.. 下一篇Linux2.6.39在S3C2440上的移植

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: