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

How to reset Count down timer in JavaScript when refresh

本文关键字：JavaScript 倒计时 计时器 刷新      更新时间：2023-09-26

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

这是来自index.html

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

完整的代码你可以在这里看到

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

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

建议和更正是受欢迎的

您只需要创建一个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()
});
相关文章：