ボタンをクリックするたびにsetTimeoutをリセットしますか？ここ

Question

は私のコードです：

var sec = 10; 
var timer = setInterval(function() {  
    $('#timer span').text(sec--); 
}, 1000); 

これは、10秒間setTimeoutを設定します。私はリセットボタンをクリックして、クリックして、setTimeoutを10秒の遅延でもう一度呼び出すようにしたい。

Answer 1

setTimeout()コールの結果を変数に格納し、ボタンをクリックしたときに格納した結果をclearTimeout()に渡してから、新しいタイムアウトをスケジュールして同じ変数に割り当てます。

少し厄介ですが、実際はとても簡単です。次に例を示します。

http://jsfiddle.net/kzDdq/

Answer 2

HTML：

<button id="resetButton">Reset</button> 

はJavaScript：

var resetButton = $('#resetButton')[0], 
    timerId; 

function timerExpired() { 
    alert('Timer expired'); 
} 

$(resetButton).click(function() { 
    clearTimeout(timerId); 
    timerId = setTimeout(timerExpired, 10000); 
}).triggerHandler('click'); 

注：このJavaScriptコードがa ready handlerの内側に配置する必要があります。

ライブデモ：http://jsfiddle.net/QkzNj/

は（。あなたが3000（3秒のような小さい値）に遅延を設定することができます - それは簡単にデモをテストするために行います）

Answer 3

<div>Div</div> 

var div = document.getElementsByTagName("div")[0]; 

function timedMsg() { 
    console.log("timeout expired."); 
    div.t = setTimeout(timedMsg, 1000);  
} 

timedMsg(); 

div.onclick = function() { 
    clearTimeout(div.t); 
    timedMsg(); 
};