jquery - 重置倒計時

我從這個網站得到了這個插件http://davidwalsh.name/jquery-countdown-plugin我設法運行倒計時，但我有問題停止倒計時，當我點擊一個按鈕並重置它。看了一些關於它的文章，但不能真正將它與我的案例聯繫起來。如果我再次調用該函數，它將顯示4（舊計數器） - > 9（新計數器） - > 3（舊計數器） - > 8（新計數器）...一起出現混亂。我需要的是當我點擊一個按鈕時停止重置計數器。jquery - 重置倒計時

countDown方法代碼

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

來源

2012-10-24 shoujo_sm

提示：_always_在網頁上覆制/粘貼代碼_anywhere_時將選項卡轉換爲空格。配置您的編輯器使用製表符作爲空格，每個像樣的編輯器都有這個功能。 – elclanrs

向我們顯示您的按鈕代碼。 – tpeczek

在您的按鈕處理程序中，您需要在開始新處理之前「停止」原始計數。 countDown函數的以下一行可以解決您的問題。

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

來源

2012-10-24 07:04:01 mattc

感謝您的停止功能，我想知道您是否有任何想法如何恢復停止後的countDown（作爲暫停）？謝謝。 =] –

有沒有一種簡單的方法，我知道使用此插件添加暫停/恢復功能。要做到這一點，需要對代碼進行更多的修改。 – mattc

ü可以用它來代替插件 var counter = setInterval(startcounter, 10000); //這裏調用該函數每10秒U可以改變

/*以後點擊做到這一點*/

clearInterval(counter);

來源

2012-10-24 06:39:18

jquery - 重置倒計時

回答

相關問題