重置setTimeout

Question

我有以下内容:

window.setTimeout(function() {
    window.location.href = 'file.php';
}, 115000);

如何通过.click功能在倒计时中途重置计数器？

Answer 1

您可以存储对该超时的引用,然后调用clearTimeout该引用.

// in the example above, assign the result
var timeoutHandle = window.setTimeout(...);

// in your click function, call clearTimeout
window.clearTimeout(timeoutHandle);

// then call setTimeout again to reset the timer
timeoutHandle = window.setTimeout(...);

Answer 2

clearTimeout()并提供setTimeout的引用,该引用将是一个数字.然后重新调用它:

var initial;

function invocation() {
    alert('invoked')
    initial = window.setTimeout( 
    function() {
        document.body.style.backgroundColor = 'black'
    }, 5000);
}

invocation();

document.body.onclick = function() {
    alert('stopped')
    clearTimeout( initial )
    // re-invoke invocation()
}

在此示例中,如果您在5秒内未单击body元素,则背景颜色将为黑色.

参考:

• https://developer.mozilla.org/en/DOM/window.clearTimeout
• https://developer.mozilla.org/En/Window.setTimeout

注意:setTimeout和clearTimeout不是ECMAScript本机方法,而是全局窗口命名空间的Javascript方法.

Answer 3

对于NodeJS来说非常简单：

const timeout = setTimeout(...);

timeout.refresh();

来自文档：

超时.刷新()

将计时器的开始时间设置为当前时间，并重新安排计时器在调整为当前时间的先前指定持续时间调用其回调。这对于刷新计时器而不分配新的 JavaScript 对象非常有用。

但它在 JavaScript 中不起作用，因为在浏览器中setTimeout()返回的是数字，而不是对象。

Answer 4

你必须记住超时"计时器",取消它,然后重新启动它:

g_timer = null;

$(document).ready(function() {
    startTimer();
});

function startTimer() {
    g_timer = window.setTimeout(function() {
        window.location.href = 'file.php';
    }, 115000);
}

function onClick() {
    clearTimeout(g_timer);
    startTimer();
}

Answer 5

var myTimer = setTimeout(..., 115000);
something.click(function () {
    clearTimeout(myTimer);
    myTimer = setTimeout(..., 115000);
}); 

沿着那条线的东西!