博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5 Web Workers 简单例子
阅读量:6301 次
发布时间:2019-06-22

本文共 1104 字,大约阅读时间需要 3 分钟。

1.Worker用js代码:

 

1 function messageHandler(e)2 {3     postMessage("Worker has received Message :"+e.data);4 }5 addEventListener("message",messageHandler,true)

 

2.主页代码:

1  2 Web Workers 3 
4

5 Sorry Your Browser Does Not Support Web Workers! 6

7 51 52 53 54 55

 

运行: (需要防止跨域访问造成的, SECURITY_ERR: DOM Exception 18)

把他们放在同一目录下,在该目录部署一个简单的HTTP服务器。

用Python的 python -m SimpleHTTPServer 建立一个应用服务器,

然后把地16行的 :

var src='http://localhost:8000/workerTest.js'; 改成正确的路径就可以运行了: 本例的执行效果为(控制台输出):
loaded  
(按下start)
browser:Worker has received Message :you're the 0th worker!
browser:Worker has received Message :you're the 1th worker!
browser:Worker has received Message :you're the 2th worker!
browser:Worker has received Message :you're the 3th worker!
browser:Worker has received Message :you're the 4th worker!
  (按下terminate)
  (按下start)
browser:Worker has received Message :you're the 0th worker!
browser:Worker has received Message :you're the 1th worker! 
HTML5的 web worker api 使用起来很方便,如果有大量JS需要运行可以考虑使用,可以防止页面卡死,充分利用多核CPU。

转载于:https://www.cnblogs.com/xdxer/archive/2013/01/15/WebWorkers.html

你可能感兴趣的文章
Hadoop日记Day1---Hadoop介绍
查看>>
iOS 学习资料汇总
查看>>
centos7 yum安装jdk
查看>>
Bluedroid与BluZ,蓝牙测试方法的变动(基于bludroid和BlueZ的对比)
查看>>
接口和抽象类有什么区别
查看>>
Linux 下添加用户,修改权限
查看>>
请问view controller scene,该如何删除
查看>>
bootstrap新闻模块样式模板
查看>>
zzzzw_在线考试系统①准备篇
查看>>
App Store 审核被拒的23个理由
查看>>
剑指offer第二版-1.赋值运算符函数
查看>>
javascript 对象
查看>>
Android学习笔记——文件路径(/mnt/sdcard/...)、Uri(content://media/external/...)学习
查看>>
Echart:前端很好的数据图表展现工具+demo
查看>>
CATransform3D iOS动画特效详解
查看>>
Linux VNC黑屏(转)
查看>>
Java反射简介
查看>>
react脚手架应用以及iview安装
查看>>
shell学习之用户管理和文件属性
查看>>
day8--socket网络编程进阶
查看>>