javascript设置间隔作为单独的线程运行？

Question

我希望使用计时器作为后备，以防我最终陷入无限循环。设置间隔似乎是正确的方法。但是，这对我不起作用。

从我的研究来看，似乎setInterval应该在后台的一个单独的线程中运行，但是我没有看到它。

为什么会发生这种情况？我该如何解决这个问题？

var time = 0;
window.setInterval(function(){time++;}, 1000);
while (true) {
    //stuff done
    if (time >= 5) {
        break;
    }
}

Answer 1

浏览器javascript在单个线程中运行。因此，如果您执行的操作需要太长时间 - 它会冻结浏览器。

有关详细信息，请参阅John Resig文章：http://ejohn.org/blog/how-javascript-timers-work/

在您阅读该文章后，您将获得setInterval回调排队等待在1000毫秒后运行但仅在当前代码完成后运行。但是，由于无限循环，它无法完成。

Answer 2

zerkms 有正确的答案。但我想补充说web workers是一种从客户端javascript获取一些多线程行为的方法。

var worker = new Worker('my_task.js');
worker.onmessage = function(event) {
 console.log("Called back by the worker!\n");
};

worker在后台线程中运行，您可以交换消息并订阅事件。这很漂亮。

Answer 3

正如已经说过的那样 - setInterval的回调在无限循环结束之前不会运行。要做你想要实现的目标 - 不使用网络工作者 - 你必须从循环本身检查时间：

var start = Date.now();
while((Date.now() - start) < 5000){
  ...
}