2017-10-21 1 views
1

なぜclearIntervalが下で動作しないのか分かりません。誰も私のコーディングで何が問題なのか教えてください。clearIntervalを動作させるには?

ありがとうございました!

function timehandle(){ 
alert("Take a break") 
} 

setInterval(timehandle, 5000); 
var getout=setInterval(timehandle, 5000); 
var button=document.getElementById("button"); 
button.onclick=clearInterval(getout); 
+0

なぜ2のsetIntervalの? 'button.onclick = function(){clearInterval(getout);};' –

+0

2つの間隔を作成するためです。あなたは2位ではなく1位をキャンセルします。 – Dmitry

答えて

3

せず、それはclearIntervalの戻り値をassingingによって直接間隔をクリアしますので、あなたは、単一の間隔とclearIntervalを呼び出す関数を必要としています。

ところで、ユーザエージェントの中にはidを変数名として使用し、独自の同じ名前付き変数を使用して競合が発生する可能性があるため、別のidタグを使用すると便利です。

function timehandle() { 
 
    console.log("Take a break"); 
 
} 
 

 
var getout = setInterval(timehandle, 5000); 
 
var button = document.getElementById("btn"); 
 
button.onclick = function() { clearInterval(getout); };
<button id="btn">clear</button>

関連する問題