jquery.final-countdown.js问题与显示日期圈

Question

我试图按照下面的说明配置插件。 http://www.jqueryscript.net/time-clock/Modern-Circular-jQuery-Countdown-Timer-Plugin-Final-Countdown.html

我对着点点奇怪的问题。
如果开始时间和当前时间（现在）是同一天，那么我不会在天div上得到圆圈。如果我将时间戳更改为其他日子，那么它工作正常。 我不知道它为什么会发生。任何人都可以告诉我我做错了什么。

这里有一些代码。

<script type="text/javascript"> 
    $('.countdown').final_countdown({ 
     'start': '1434872408', 
     'end': '1436506200', 
     'now': '1434877414' 
    }); 
</script> 

这里是html代码。

<div class="countdown countdown-container container"> 
    <div class="clock row"> 
     <div class="clock-item clock-days countdown-time-value col-sm-6 col-md-3"> 
      <div class="wrap"> 
       <div class="inner"> 
        <div id="canvas-days" class="clock-canvas"></div> 

        <div class="text"> 
         <p class="val">0</p> 
         <p class="type-days type-time">DAYS</p> 
        </div><!-- /.text --> 
       </div><!-- /.inner --> 
      </div><!-- /.wrap --> 
     </div><!-- /.clock-item --> 

     <div class="clock-item clock-hours countdown-time-value col-sm-6 col-md-3"> 
      <div class="wrap"> 
       <div class="inner"> 
        <div id="canvas-hours" class="clock-canvas"></div> 

        <div class="text"> 
         <p class="val">0</p> 
         <p class="type-hours type-time">HOURS</p> 
        </div><!-- /.text --> 
       </div><!-- /.inner --> 
      </div><!-- /.wrap --> 
     </div><!-- /.clock-item --> 

     <div class="clock-item clock-minutes countdown-time-value col-sm-6 col-md-3"> 
      <div class="wrap"> 
       <div class="inner"> 
        <div id="canvas-minutes" class="clock-canvas"></div> 

        <div class="text"> 
         <p class="val">0</p> 
         <p class="type-minutes type-time">MINUTES</p> 
        </div><!-- /.text --> 
       </div><!-- /.inner --> 
      </div><!-- /.wrap --> 
     </div><!-- /.clock-item --> 

     <div class="clock-item clock-seconds countdown-time-value col-sm-6 col-md-3"> 
      <div class="wrap"> 
       <div class="inner"> 
        <div id="canvas-seconds" class="clock-canvas"></div> 

        <div class="text"> 
         <p class="val">0</p> 
         <p class="type-seconds type-time">SECONDS</p> 
        </div><!-- /.text --> 
       </div><!-- /.inner --> 
      </div><!-- /.wrap --> 
     </div><!-- /.clock-item --> 
    </div><!-- /.clock --> 
</div><!-- /.countdown-wrapper --> 

Answer 1

您的问题已经回答here。你只需要配置

• start值，
• end值，
• target值

倒计时钟的

。

默认配置显示相同的值，所以你需要做出不同的价值。

希望它能帮助