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值

倒計時鐘的

。

默認配置顯示相同的值，所以你需要做出不同的價值。

希望它能幫助