javascript - 倒计时翻转时钟并在计数到零后复位

Question

http://flipclockjs.com/

我需要一个从某个时间（例如 2 小时）倒计时到零的计数器。在这两小时之后，计时器需要重置并重新启动。

我怎样才能做到这一点？我在他们的文档中找不到任何关于它的信息。

我现在得到的：

var clock = $('.your-clock').FlipClock({
  countdown : true,
});

Answer 1

试试这个：

var clock = $('.your-clock').FlipClock({
  countdown : true,
});
clock.setTime(10);
clock.start();
setTimeout(function(){ 
  checktime();
}, 1000);

function checktime(){
  t = clock.getTime();
  if(t<=0){
    clock.setTime(10);
    clock.start();
  }
  setTimeout(function(){ 
    checktime();
  }, 1000);
}

Answer 2

您可以使用方法，请参阅“可链接方法”示例。

clock.start(function() {
setInterval(function() {
    clock.stop().reset().start();
}, 7200);

});

Answer 3

我假设你想每秒减少一次？这是一种非 jquery 方式：

 var counter, myInterval;
    function createCountDown(startHourInSecond){
     counter = startHourInSecond;
     myInterval =window.setInterval(function(){
      counter --;
      if (counter ==0){
      clearInterval(myInterval);
      counter = startHourInSecond;
      createCountDown(counter);
      }
     }, 1000);

    }
createCountDown(7200);