2016-10-25 6 views
0

なぜ私の停止間隔が動作しないのですかこれは私の間隔を停止しようとしていますが、失敗すると誰かが私に嘆願してくれますか?停止間隔が機能しない理由

HTML:

<strong id="gg"></strong> 
<button onclick="StopInterval();">Stop Interval</button> 

JS:

interval(); 
var interval = function() 
{ 
     var t = 10; 
     setInterval(function() { 
     t--; 
     if (t >= 0) { 
      $("#gg").html(t); 
     } 
     if (t === 0) { 
      clearInterval(t); 
     } 
     }, 1000); 
} 

function StopInterval() { 
    clearInterval(interval); 
} 

答えて

0

clearIntervalは、よく... 間隔をクリアするためです。あなたの2つの例を取る:あなたの最初の例で

var t = 10; 
clearInterval(t); 
var interval = function() { ... } 
clearInterval(interval); 

を、あなたは整数である、tclearInterval()をしようとしています。次に、intervalにあるファンクションでそれをやっています。

代わりにこれを試してみてください:

var t = 10; 
var interval = setInterval(function() { 
     t--; 
     if (t >= 0) { 
      $("#gg").html(t); 
     } 
     if (t === 0) { 
      clearInterval(interval); 
     } 
     }, 1000); 

function StopInterval() { 
    clearInterval(interval); 
} 

は、ここでは、このスニペットの JSFiddleです。


EDIT:あなたのコメントあなたは今、スタートボタンを含めるしたいという更新を考えると、this JSFiddleを参照してください。

+0

ありがとうございますが、setIntervalはpage loadで実行しますが、onclick()などの関数を使用してsetIntervalを実行するか、他の関数にいくつかの結果があり、stopボタンでclearIntervalを実行する必要があります。 – MrtinDo

+0

次のようなものです:http://jsfiddle.net/Q6RhG/264/ – MrtinDo

+0

'var myVar = setInterval ...'はあなたのために 'myVar = setInterval ...'でなければなりません。 – Santi

関連する問題