我有以下几点:

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

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


当前回答

对于NodeJS来说,这非常简单:

const timeout = setTimeout(...);

timeout.refresh();

从文档中可以看出:

timeout.refresh () 将计时器的开始时间设置为当前时间,并重新安排计时器以在先前指定的调整为当前时间的持续时间内调用其回调。这对于在不分配新JavaScript对象的情况下刷新计时器非常有用。

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

其他回答

该计时器将在30秒后发出“Hello”警报框。然而,每次你点击重置计时器按钮,它会清除timerHandle,然后重新设置它。一旦发射,游戏就结束了。

<script type="text/javascript">
    var timerHandle = setTimeout("alert('Hello')",3000);
    function resetTimer() {
        window.clearTimeout(timerHandle);
        timerHandle = setTimeout("alert('Hello')",3000);
    }
</script>

<body>
    <button onclick="resetTimer()">Reset Timer</button>
</body>

对于NodeJS来说,这非常简单:

const timeout = setTimeout(...);

timeout.refresh();

从文档中可以看出:

timeout.refresh () 将计时器的开始时间设置为当前时间,并重新安排计时器以在先前指定的调整为当前时间的持续时间内调用其回调。这对于在不分配新JavaScript对象的情况下刷新计时器非常有用。

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

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

沿着这条线!

您可以存储对该超时的引用,然后在该引用上调用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(...);

你必须记住超时“Timer”,取消它,然后重新启动它:

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();
}