javascript - setTimeout/clearTimeout 问题

Question

我尝试制作一个页面以在例如之后转到起始页。 10 秒不活动(用户没有点击任何地方)。其余部分我使用 jQuery，但我的测试函数中的 set/clear 是纯 javascript。

在我的沮丧中，我最终得到了类似这个函数的东西，我希望我可以在页面上的任何点击时调用它。计时器启动正常，但不会在单击时重置。如果该函数在前 10 秒内被调用 5 次，则会出现 5 次警报...没有 clearTimeout...

function endAndStartTimer() {
    window.clearTimeout(timer);
    var timer;
    //var millisecBeforeRedirect = 10000; 
    timer = window.setTimeout(function(){alert('Hello!');},10000); 
}

有没有人有几行代码可以解决这个问题？ - 在任何点击停止时，重置并启动计时器。 - 当定时器命中时，例如。 10 秒做某事。

Answer 1

您需要在函数的外部声明timer。否则，您会在每次函数调用时获得一个全新的变量。

var timer;
function endAndStartTimer() {
  window.clearTimeout(timer);
  //var millisecBeforeRedirect = 10000; 
  timer = window.setTimeout(function(){alert('Hello!');},10000); 
}