JavaScript多线程 html5 Worker, SharedWorker

 //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.jsonmessage = 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);};};

转载于:https://www.cnblogs.com/yexiangwang/p/5233327.html

JavaScript多线程 html5 Worker, SharedWorker相关推荐

Web Worker javascript多线程编程（一）
什么是Web Worker? web worker 是运行在后台的 JavaScript,不占用浏览器自身线程,独立于其他脚本,可以提高应用的总体性能,并且提升用户体验. 一般来说Javascript ...
JavaScript多线程编程介绍
综述:两种JavaScript多线程编程的方法,在以后的具有大量的数据计算的业务场景下可能会使用到 1.背景介绍 JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在一个线程上完成, ...
javaScript 多线程并行编程施工中~
关键词:javascript 单线程本质,html5,worker,nodejs 封面P站画师ID:12191398 查看全文 http://www.taodudu.cc/news/show-4981 ...
Javascript 多线程编程的前世今生
作者:jolamjiang,腾讯 WXG 前端开发工程师一篇关于 Web Worker.SharedArrayBuffer.Atomics 的文章. 为什么要多线程编程大家看到文章的标题<J ...
html多页面之间如何通信,html5中sharedWorker实现多页面通信代码示例
本篇文章小编给大家分享一下html5中sharedWorker实现多页面通信代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 在没有登录浏览了一 ...
青瓷引擎之纯JavaScript打造HTML5游戏第二弹——《跳跃的方块》Part 3
继上一次介绍了<神奇的六边形>的完整游戏开发流程后(可点击这里查看),这次将为大家介绍另外一款魔性游戏<跳跃的方块>的完整开发流程. (点击图片可进入游戏体验) 因内容太多,为 ...
javascript开发HTML5游戏--斗地主(单机模式part3)
最近学习使用了一款HTML5游戏引擎(青瓷引擎),并用它尝试做了一个斗地主的游戏,简单实现了单机对战和网络对战,代码可已放到github上,在此谈谈自己如何通过引擎来开发这款游戏的. 客户端代码服务 ...
javascript开发HTML5游戏--斗地主(单机模式part2)
最近学习使用了一款HTML5游戏引擎(青瓷引擎),并用它尝试做了一个斗地主的游戏,简单实现了单机对战和网络对战,代码可已放到github上,在此谈谈自己如何通过引擎来开发这款游戏的. 客户端代码服务 ...
java 画笔粗细,javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
js+html5 canvas实现的涂鸦画板特效,可调画笔颜色|粗细|橡皮,可以保存涂鸦效果为图片编码,非常适合学习html5的canvas,必须支持html5的浏览器才能看到效果. javascri ...

JavaScript多线程 html5 Worker, SharedWorker

JavaScript多线程 html5 Worker, SharedWorker相关推荐

最新文章

热门文章