重置setTimeout

我有以下几点:

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

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

当前回答

我知道这是一个老帖子，但我今天想出了这个

var timer       = []; //creates a empty array called timer to store timer instances
var afterTimer = function(timerName, interval, callback){
    window.clearTimeout(timer[timerName]); //clear the named timer if exists
    timer[timerName] = window.setTimeout(function(){ //creates a new named timer 
        callback(); //executes your callback code after timer finished
    },interval); //sets the timer timer
}

你调用使用

afterTimer('<timername>string', <interval in milliseconds>int, function(){
   your code here
});

2019-06-27 22:21:38

其他回答

你必须记住超时“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();
}

2009-09-24 16:17:43

该计时器将在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>

2012-01-06 11:39:56

要重置计时器，您需要设置并清除计时器变量

$time_out_handle = 0;
window.clearTimeout($time_out_handle);
$time_out_handle = window.setTimeout( function(){---}, 60000 );

2012-03-11 15:33:40

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方法。

2009-09-24 16:14:06

var redirectionDelay;
function startRedirectionDelay(){
    redirectionDelay = setTimeout(redirect, 115000);
}
function resetRedirectionDelay(){
    clearTimeout(redirectionDelay);
}

function redirect(){
    location.href = 'file.php';
}

// in your click >> fire those
resetRedirectionDelay();
startRedirectionDelay();

这里有一个详细的例子，说明到底发生了什么http://jsfiddle.net/ppjrnd2L/

2018-05-08 07:49:01

重置setTimeout

推荐文章

最新文章

标签