用于重新启动特定jQuery倒计时插件的jQuery或JavaScript代码

用于重新启动特定jQuery倒计时插件的jQuery或JavaScript代码,javascript,jquery,html,timer,Javascript,Jquery,Html,Timer,我基本上是在使用这个特定的jQuery插件进行倒计时: 我的小提琴: (两者几乎相同) 我的问题是,我如何制作一个单独的新按钮,当它被点击时,它将重新启动倒计时 因此,假设倒计时从20..19..18…开始,一直到1… 现在是9点 如果我点击我的新按钮,它会使计时器从20..19..18开始,以此类推 我怎样才能做到这一点 我已尽全力尝试调整代码,但徒劳无功。 不知何故,我不知道..当我创建一个新对象重新启动时,某些对象没有被破坏,并且干扰了重新启动。 我受够了,真的很困惑 如果有人能帮忙,我

我基本上是在使用这个特定的jQuery插件进行倒计时:

我的小提琴:

(两者几乎相同)

我的问题是,我如何制作一个单独的新按钮,当它被点击时,它将重新启动倒计时

因此,假设倒计时从20..19..18…开始,一直到1…
现在是9点

如果我点击我的新按钮,它会使计时器从20..19..18开始,以此类推

我怎样才能做到这一点

我已尽全力尝试调整代码,但徒劳无功。
不知何故,我不知道..当我创建一个新对象重新启动时,某些对象没有被破坏,并且干扰了重新启动。
我受够了,真的很困惑


如果有人能帮忙,我将非常感激

这种修改很有效。我不熟悉创建或销毁circularCountDown的所有细节,但当您单击计时器时,这确实成功地启动了一个新计时器:

  $(document).ready(function() {

      $('button').click(function() {
            runTimer();
      });

      $('.timer').click(function(){
            runTimer();
      });
  });

function runTimer(){
  // Run the countdown
  $('.timer').circularCountDown({
    delayToFadeIn: 500,
    reverseLoading: false,
    duration: {
      seconds: parseInt($('.delay').val())
    },
    beforeStart: function() {
      $('.launcher').hide();
    },
    end: function(countdown) {
      countdown.destroy();
      $('.launcher').show();
      //alert('terminé');
    }
  });
}

«我已尽我所能尝试调整代码…»发布该消息!我投票结束这个问题,因为OP似乎在请求代码。。。关于它自己编写代码的尝试没有任何具体的问题。嘿…我尝试过了…一整天都在尝试!!!因此,我基本上将它们添加到了circular-countdown.js$.fn.gettimesec=函数(){console.log(“get time sec”);console.log(myobj.getFormattedTimeByCircle());return(myobj.getFormattedTimeByCircle()/500);};$。fn.estroy=function(){console.log(“estroying”);myobj.destroy();};$。fn.restart=function(options){console.log(“resett-timerr”);myobj.element=$(this);myobj.data=jQuery.extend(true,defaultOptions,options);myobj.init();};然后从我的主代码中调用这个$('.timer')。重新启动({delayToFadeIn:500,大小:60,fontColor:'#fff',colorCircle:'白色',背景:'#2ECC71',反向加载:false,持续时间:{seconds:25},beforeStart:function(){},end:function(倒计时){/$('.timer').abc();});是的,是的。但这不是我想要的。这基本上只是开始一个新的,而不删除旧的,旧的会给我带来问题。我想要么销毁旧的,然后创建一个新的。或者只是以某种方式…将这个非常相同的对象重置为初始值..以便它再次启动。但无法这样做。我不认为circularCountDown的作者在对象完成之前就想办法销毁它。如果他们这样做了,也许你可以发布。在任何情况下,如果允许的话,也许可以将countdown对象设置为变量。我也试过了。我在circular-countdown.js中创建了一个名为myobj的变量,并在其中创建了2个函数。1代表myobj.destroy()和myobj.init()等的另一个。但它仍然有一些bug:(
  $(document).ready(function() {

      $('button').click(function() {
            runTimer();
      });

      $('.timer').click(function(){
            runTimer();
      });
  });

function runTimer(){
  // Run the countdown
  $('.timer').circularCountDown({
    delayToFadeIn: 500,
    reverseLoading: false,
    duration: {
      seconds: parseInt($('.delay').val())
    },
    beforeStart: function() {
      $('.launcher').hide();
    },
    end: function(countdown) {
      countdown.destroy();
      $('.launcher').show();
      //alert('terminé');
    }
  });
}