使用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>
 
 
四 运行结果

 

猜你喜欢

转载自cakin24.iteye.com/blog/2371051