使用Web Worker创建多线程应用

来源：互联网发布：金石期货软件下载编辑：程序博客网时间：2024/06/05 19:36

一介绍

HTML5 Web Workers

web worker是运行在后台的JavaScript，不会影响页面的性能。

什么是 Web Worker

当在HTML页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。

web worker是运行在后台的JavaScript，独立于其他脚本，不会影响页面的性能。

您可以继续做任何愿意做的事情：点击、选取内容等等，而此时web worker在后台运行。

二应用

利用Web Worker计算质数。

三代码

1、JS代码

var n = 1;search: while (n < 99999) {// 开始搜寻下一个质数n += 1;for (var i = 2; i <= Math.sqrt(n); i++){// 如果除以n的余数为0，开始判断下一个数字。if (n % i == 0){continue search;}}// 发现质数postMessage(n);}

2、HTML代码

<!DOCTYPE html><html><head><meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" /><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><title> 计算质数 </title></head><body><p>已经发现的所有质数：<div id="result"></div></p><script>// 使用Worker启动多线程来计算、收集质数var worker = new Worker('worker.js');worker.onmessage = function(event) {document.getElementById('result').innerHTML+= event.data + ", ";};</script></body></html>

四运行结果

查看图片附件

阅读全文

0 0