클릭하면 자바 스크립트에서 자동 탭 전환 중지

Question

이 기사는 자바 스크립트를 사용하여 탭 및 tab_container를 사용하여 슬라이드 쇼가있는 슬라이드 쇼를 수행하는 데 도움이됩니다. 코드는 잘 작동합니다 : 당신은 페이지의 실행을 할 경우

Automatic tab switch in javascript or jquery

그러나, 내가 그것을하고 싶은 것은,이 탭 사이를 회전 유지합니다. 그러나 탭을 수동으로 클릭하면 (예 : 해당 탭의 내용을 읽으려는 경우) 해당 웹 페이지에있는 동안 탭 자동 회전이 중지됩니다. 페이지가 새로 고쳐 지거나 페이지로 돌아 가면 탭 회전이 다시 시작됩니다.

자동 회전을 중지하기 위해 위 예제에 추가 할 수있는 자바 스크립트 코드를 잘 모르겠습니다.

미리 도움을 청하십시오!

Answer 1

clearInterval을 사용하면 setInterval 기능이 실행되지 않도록 할 수 있습니다. setInterval은 ID를 반환하며 ID를 clearInterval에 전달하여 중지 할 수 있습니다.

var intervalID = setInterval(function() { 
    .... 
clearInterval(intervalID); 

그래서 당신이 차이를 알 수 있도록 코드가

var intervalID = setInterval(function() { 
    .... 

tabs.on('click', 'a', function(e) { 
    clearInterval(intervalID); 
    $(this).trigger('slides.swap'); 
    e.preventDefault(); 
}); 

나는 또한 단지 바로 접속 slides.swap을 유발하는 click 트리거에서 setInterval 기능을 변경 것 저지르는 click를 트리거 사용자 클릭 :

$('a:eq('+idx+')').trigger('slides.swap'); 

해당 퀘스트에서 업데이트 된 Fiddle입니다. 이온.