Jquery - 카운트 다운 재설정

Question

이 사이트에서이 플러그인을 얻었습니다. http://davidwalsh.name/jquery-countdown-plugin 카운트 다운을 실행할 수 있지만 단추를 클릭하고 재설정하면 카운트 다운을 중지하는 데 문제가 있습니다. 그것에 대해 몇 가지 기사를 보았지만 내 사건과 관련이 없다. 함수를 다시 호출하면 4 (이전 카운터) -> 9 (새 카운터) -> 3 (이전 카운터) -> 8 (새 카운터) ... 함께 엉망입니다. 버튼을 클릭 할 때 카운터를 재설정하기 만하면됩니다.

는

카운트 다운 코드는

function countDown(){ 
    $('#countdown').countDown({ 
    startNumber:10, 
    callBack: function(me) { 
     $(me).text('Next!').css('color','#090');   
     if(quesNo < lenLevel){ 
     //database transaction 
     }else { 
     alert('finish! You got correct: '+ correct); 
     } 
    } 
    }); 
} 

Answer 1

버튼 처리기에서 새 버튼을 시작하기 전에 원래 개수를 "중지"해야합니다. countDown 함수에 다음 한 줄을 추가하면 문제가 해결됩니다.

function countDown(){ 
    $('#countdown').stop(); 
    $('#countdown').countDown({ ... 

Answer 2

유는 매 10 초는 유 변경할 수 있습니다 대신 플러그인 var counter = setInterval(startcounter, 10000);가 // 여기에 함수를 호출 의이 사용할 수

/* 나중에 클릭에 할이 */

clearInterval(counter);