javascript浏览器超时第二个计时器

Question

我正试图用Javascript设置会话超时，看起来警报正在阻止计时器启动。这是我的代码：

var first_timer = 2 * 1000;
var second_timer = 8 * 1000;
var down = -1;
function initTimer() {
  down = setTimeout(processTimeout, first_timer)
}
function processTimeout() {
        down = setTimeout(logout, second_timer);
        alert ("Timeout of first timer, timerid:" + down );
}
function logout() {
  alert("You are logged out");
  window.location = "http://www.google.com"
}
function clearTimer() {
  if ( -1 != down )
    clearTimeout(down);
  alert("Restarting timer");
  initTimer();
}
initTimer();

当我运行上述程序时，我看到第二个计时器只有在第一个警报被解除后才启动。即使警报没有解除，我如何确保第二个计时器在第一次超时后立即启动？

Thx

Answer 1

alert()函数会阻塞其他所有内容，直到它被解除。您可以使用所谓的模式对话框来创建自己的不阻塞的警报样式消息。

jQuery UI具有此功能。

Answer 2

这很可能取决于您使用的浏览器。我没有遇到你描述的最新Firefox的问题。

但是，直到第一个计时器关闭，第二个计时器警报框才会显示。

这是因为JavaScript解释器是而不是多线程的。但JavaScript本身是高度异步的，尤其是在定时器、AJAX和动画等长延迟请求上。这有时会给人一种多线程的感觉。

事实上，在您的代码示例中，第二个计时器按预期启动。当我关闭第一个对话框时，比方说，在它出现10秒后，第二个对话框会立即显示。尽管如此，这可能是你的问题，在你解除第一个警报之前，它永远不会显示，因为警报是一个同步调用。这样，主事件循环在被解除之前不会恢复控制。

这种情况的解决方法是使用"HTML"对话框，例如Jquery UI提供的对话框。