クリック時にsetIntervalに時間を追加しますか？

Question

私は次のコードを使って30秒ごとに関数を実行しています。ユーザーがjs/jQueryを使用してマウスをクリックした場合、setIntervalをリセットまたは再起動するにはどうすればよいですか？ユーザーが30秒の間、クリックするのであれば、30新秒などをクリックし、次まで開始されます

setInterval(function(){ 
    // Stuff 
}, 30000); 

Answer 1

あなたは古い間隔をクリアする必要があり、始めましょう新しいもの

var i = setInterval(function(){ 
    // Stuff 
}, 30000); 

element.onclick = function() { 
    clearInterval(i); 
    i = setInterval(function(){ 
     // Stuff 
    }, 30000); 
} 

Answer 2

ます間隔をクリアする必要があります。

clearInterval(i);