zoukankan      html  css  js  c++  java
  • 关于html5的webworker的简单示例

    先不废话了,具体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);
    }



  • 相关阅读:
    团队冲刺2.6
    团队冲刺2.5
    团队冲刺2.4
    团队冲刺2.3
    个人作业二
    个人作业二
    个人作业二
    课程总结
    每日博客
    每日博客
  • 原文地址:https://www.cnblogs.com/jaenlee/p/2280741.html
Copyright © 2011-2022 走看看