정지 간격이 작동하지 않는 이유

Question

안녕하세요, 제 정지 간격이 작동하지 않습니다. 간격을 멈추려 고 시도했지만 실패 할 수 있습니까?

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); 
} 

Answer 1

clearInterval는 잘 ... 간격 지울 수있다. 당신의 두 가지 예를 보자 첫 번째 예에서

var t = 10; 
clearInterval(t); 

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

을, 당신은 정수 인 t에 clearInterval()을하려고 노력하고 있습니다. 두 번째 단계에서는 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입니다.

---

편집 : 지금 시작 버튼을 포함하려면 업데이트 된 주석, this JSFiddle를 참조하십시오 감안할.