Question

我从这个网站http://davidwalsh.name/jquery-countdown-plugin获得了这个插件，我设法运行倒计时但是当我点击一个按钮并重置它时，我有问题停止倒计时。看到一些关于它的文章，但无法将它与我的案例联系起来。如果我再次调用该功能，它将显示4（旧计数器） - ＆gt; 9（新计数器） - > 3（旧计数器） - ＆gt; 8（新柜台）......一起搞砸了。我只需要在单击按钮时停止重置计数器。

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

Answer 1

可以使用此而不是插件 var counter = setInterval(startcounter, 10000); //这里每10秒调用一次函数你可以改变

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

clearInterval(counter );

Answer 2

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

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

Jquery - 重置倒计时

2 个答案: