计数到零后倒计时倒计时和复位

时间:2017-03-13 13:19:04

标签: javascript jquery counter flipclock

http://flipclockjs.com/

我需要一个从一定时间(例如2小时)倒数到零的计数器。在这两个小时后,计时器需要重置并重新启动。

我该怎么做?我在他们的文档中找不到任何相关内容。

我现在得到了什么:

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

3 个答案:

答案 0 :(得分:2)

试试这个:

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

答案 1 :(得分:0)

您可以使用方法,参见&#39;可链接方法&#39;示例

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

});

答案 2 :(得分:0)

我认为你想减少每一秒?这是一种非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);