jquery - Jquery - 重置倒计时

Question

我从这个网站http://davidwalsh.name/jquery-countdown-plugin得到了这个插件，我设法运行倒计时，但是当我点击一个按钮并重置它时，我遇到了停止倒计时的问题。看过一些关于它的文章，但不能真正将它与我的案例联系起来。如果我再次调用该函数，它将显示 4(old counter) --> 9 (new counter) -->3 (old counter) --> 8 (new counter)... 一起显示混乱。我只需要在单击按钮时停下来重置计数器。

倒计时码

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

你能用这个代替插件吗 var counter = setInterval(startcounter, 10000);//这里每10秒调用一次函数你可以改变

/* 稍后单击执行此操作 */

clearInterval(counter );

Answer 2

在您的按钮处理程序中，您需要在开始新的倒计时之前“停止”原始倒计时。在 countDown 函数中添加以下一行应该可以解决您的问题。

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