关于html5的webworker的简单示例

最新推荐文章于 2022-02-15 11:59:02 发布

1361976860

最新推荐文章于 2022-02-15 11:59:02 发布

阅读量85

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jaenlee/archive/2011/12/08/2280741.html

版权

先不废话了，具体webworker是干什么用的自己拿baidu google去。以下仅是一个示例：

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4     <title>Worker</title>
 5     <script src="resources/scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
 6     <script>
 7         $(function () {
 8 var worker1 = new Worker('resources/scripts/webworker1.js');
 9             worker1.onmessage = function (event) {
10                 $('#result').html("Wow, the data is" + event.data);
11             };
12 
13 new Worker('resources/scripts/webworker2.js').onmessage = function () {
14                 $('#Div1').html("Wow, the 2nd worker data is" + event.data);
15             }
16         });
17 </script>
18 </head>
19 <body>
20     <div>
21         <div id="result">
22         </div>
23         <div id="Div1">
24         </div>
25     </div>
26 </body>
27 </html>

webworker1.js：

var n = 1;
search: while (true) {
    n += 1;
for (var i = 2; i <= Math.sqrt(n); i += 1) {
if (n % i == 0) {
continue search;
        }
    }
// found a prime!
    postMessage(n);
}

webworker2.js：

var test = 1;
search: while (true) {
    test += 10;
for (var i = 2; i <= Math.sqrt(test); i += 1) {
if (test % i == 0) {
continue search;
        }
    }
// foutestd a prime!
    postMessage(test);
}