如何在刷新时重置JavaScript中的倒计时器

时间:2015-12-23 12:11:00

标签: javascript timer countdown

我有倒数计时器的问题。 刷新页面后,它从现在开始计算。

这是来自index.html

 $(document).ready(function() {
   $('#countdown14').ClassyCountdown({
     theme: "black-black",
     labelsOptions: {
       style: 'font-size:0.5em; text-transform:uppercase;'
     },
     end: $.now() + 3387600
   });
 });

完整代码,您可以看到here

这是用于倒计时器代码的html

<div class="container clock">
  <div class="text1"> End in </div>

  <div id="countdown14" class="ClassyCountdownDemo">
  </div>
</div>

欢迎提出建议和更正

1 个答案:

答案 0 :(得分:0)

您只需创建一个Date对象,其中包含将来倒计时结束时的日期。而不是设置$.now() + x,你只需要获得刚刚创建的对象的时间:

var endDate = new Date(2016, 1, 31);

$('#countdown14').ClassyCountdown({
    theme: "black-black",
    labelsOptions: {
        style: 'font-size:0.5em; text-transform:uppercase;'
    },
    end: endDate.getTime()
});