【问题标题】:Countdown flipclock and reset after counting to zero倒计时翻转时钟并在计数到零后复位
【发布时间】:2017-03-13 13:19:03
【问题描述】:

http://flipclockjs.com/

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

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

我现在得到了什么:

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

【问题讨论】:

    标签: javascript jquery counter flipclock


    【解决方案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);
    }
    

    【讨论】:

    • 感谢您完成了这项工作。
    【解决方案2】:

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

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

    });

    【讨论】:

    • 我在控制台中收到以下消息:Trying to start timer when countdown already at 0
    【解决方案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);
    

    【讨论】:

    • 我刚刚回答了你的问题
    • 我在任何地方都没有看到时钟的类名?我是否将其添加到时钟功能中?因为当我这样做时出现错误:Uncaught SyntaxError: Unexpected identifier
    • “我需要一个计数器,它可以从某个时间(例如 2 小时)倒计时到零。这两小时后,计时器需要重置并重新启动。我该怎么做?”,那是你的问题吗?我就是这么回答的
    • 哦,我的意思是使用 Flipclock 插件,而不仅仅是纯代码。应该在我的问题中更清楚地说明。
    猜你喜欢
    • 2022-12-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-24
    相关资源
    最近更新 更多