使用Web Worker创建多线程应用-CSDN博客

一介绍

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>

四运行结果