使用Web Worker创建多线程应用
程序员文章站
2022-07-08 07:59:08
...
一 介绍
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>
四 运行结果
上一篇： 判断浏览器在线状态