首页 / JAVA / JavaScript多线程 html5 Worker, SharedWorker

JavaScript多线程 html5 Worker, SharedWorker

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript多线程 html5 Worker, SharedWorker，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1117字，纯文字阅读大概需要2分钟。

内容图文

            //
            index.html
$(‘#test‘).click(function  () {
    alert(1);
});
var worker = new Worker("task.js");单独开一个线程
worker.onmessage = function(event){
          // 消息文本放置在data属性中，        alert(event.data);
}
worker.postMessage(10000000);

// task.js
 onmessage = function(event) {
      var num = event.data;
      var result = 0;
      for (var i = 0; i < num; i++) {
          result += i;
      }
      // 向线程创建源送回消息      postMessage(result);
 }
 
// index.html,共享线程var worker = new SharedWorker(‘task9.js‘); 
  worker.port.addEventListener(‘message‘, function(e) { 
     console.log(e.data);
  }, false); 
worker.port.start(); 
worker.port.postMessage(‘100‘);
 
// test.html共享线程var worker = new SharedWorker(‘task9.js‘);
 worker.port.addEventListener(‘message‘, function(e) {
     alert(e.data);
 }, false);
 worker.port.start();
 worker.port.postMessage(‘get‘);

 //task9.jsvar result = 0;
 onconnect = function(e) {
     var port = e.ports[0];
     port.postMessage(‘ connection sucess ‘);
     port.onmessage = function(e) {
         if (e.data !== "get") {
             for (var i = 0; i < e.data; i++) {
                 result += i;
             }
         }
         port.postMessage(result);
     };
 };

 

原文：http://www.cnblogs.com/yexiangwang/p/5233327.html

内容总结

以上是互联网集市为您收集整理的JavaScript多线程 html5 Worker, SharedWorker全部内容，希望文章能够帮你解决JavaScript多线程 html5 Worker, SharedWorker所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://www.qyyshop.com/info/1190653.html

来源：【匿名】