HTML5之Worker用法.docVIP

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; i num_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 meta charset UTF-8 js-test.html 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.userAgent.indexOf Chrome 0 browser $CHROME; return browser; var browser getBrowserAgent ; window.addEventListener load, function if browser $IE // MSIE if window.confirm IE does not support HTML5 currently.\n+ please use lastest FireFox, Chrome or Opera!\n+ if you havenot any of them installed,\n+ please click OK to enter download page. window.location.replace