使用Web Worker创建多线程应用

一 介绍 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>
四 运行结果
  • 大小: 51.1 KB
赞 (0) 评论 分享 ()