clearInterval이 작동하지 않습니다.

Question

clearInterval (ou clearTimeout) 함수를 올바르게 처리하는 방법을 알 수 없습니다.

컨텍스트 : 특정 일시 중지 시간이있는 여러 이미지를 표시합니다. 슬라이더를 움직이게하면 일시 정지 시간이 정확하고 말할 것도 없습니다. 특정 이미지로 건너 뛰기로 결정하면 clearInterval에도 불구하고 타이머가 0으로 설정되지 않으므로이 이미지가 너무 짧게 표시됩니다 (이전 타이머는 여전히 활성 상태 임).

아래의 내 js 코드가 잘못되었을 수 있습니까?

감사합니다.

function pauseImage() { 

var rest=null; 

clearInterval(rest); 

rest=setInterval(function() { ...go to the next slide...}, 5000); 

}; 

Answer 1

당신은 간격을 작성하고 취소 같은 것을 시도 할 수 :

var IntervalObject = self.setInverval("nameOfFunction()", 5000); 

//following your example 
//var IntervalObject = self.setInverval(function(){ ... },5000) 

//to clear it 
self.clearInterval(IntervalObject); 

난이 도움이되기를 바랍니다!

방금 ​​self을 놓친 것 같습니다.

Answer 2

rest이 기능에 적용됩니다. 함수가 호출 될 때마다 재설정됩니다. 그것을 더 넓은 범위로 옮기십시오.

var rest; 
function pauseImage() { 
    clearInterval(rest); 
    rest=setInterval(function() { ...go to the next slide...}, 5000); 
};