我正在使用以下代码运行 webworker 以在最新的 Google Chrome 的网页中使用质数
https://dl.dropbox.com/u/655237/project/prime.html
但是,在单击启动 Worker 按钮后,停止按钮会在一段时间内无响应。大约 30 秒后,它在鼠标悬停时变为活动状态。这在 Firefox 中不会发生。
代码中是否有任何缺陷?
素数.html
<section>
Last Prime Found:- <p id="number">NA</p>
<button id="prime">Find Prime</button>
<button id="primew">Start Worker</button>
<button id="primes">Stop Worker</button>
</section>
<script>
var worker;
document.querySelector('#prime').addEventListener('click', function () {
findPrime();
}, false);
document.querySelector('#primew').addEventListener('click', function () {
findPrimeW();
}, false);
document.querySelector('#primes').addEventListener('click', function () {
stopWorker();
}, false);
function findPrime(){
var n = 1;
search: while (true) {
n += 1;
for (var i = 2; i <= Math.sqrt(n); i += 1)
if (n % i == 0)
continue search;
// found a prime!
document.querySelector("#number").textContent=n;
}
}
function findPrimeW(){
worker = new Worker('js/worker1.js');
worker.onmessage = function (event) {
document.querySelector("#number").textContent = event.data;
};
}
function stopWorker()
{
worker.terminate();
}
</script>
worker1.js
var n = 1;
search: while (true) {
n += 1;
for (var i = 2; i <= Math.sqrt(n); i += 1)
if (n % i == 0)
continue search;
// found a prime!
postMessage(n);
}
另一个例子是这个 https://dl.dropbox.com/u/655237/events/gdg-html5/index.html#/webworkers
单击“Start Worker”按钮后,您将有一段时间无法更改幻灯片。理想情况下,它不应该发生,因为重量级计算被委派给单独的网络工作者。