Jquery - 重置倒计时答案

【问题标题】：Jquery - Reset countdownJquery - 重置倒计时
【发布时间】：2012-10-24 06:34:42
【问题描述】：

我从这个网站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);
      }
    }
  }); 
}

【问题讨论】：

提示：在网络上任何地方复制/粘贴代码时，总是将制表符转换为空格。将您的编辑器配置为使用制表符作为空格，每个体面的编辑器都有此功能。

标签： jquery jquery-plugins plugins countdown

【解决方案1】：

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

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

clearInterval(counter );

【讨论】：

【解决方案2】：

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

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

【讨论】：

感谢停止功能，我想知道您是否知道如何在停止后恢复倒计时（作为暂停）？谢谢。 =]
我知道没有一种简单的方法可以使用此插件添加暂停/恢复功能。要做到这一点，需要对代码进行更复杂的修改。