Flipclock 有一个额外的小时答案

【问题标题】：Flipclock has an extra hourFlipclock 有一个额外的小时
【发布时间】：2020-08-03 06:03:05
【问题描述】：

它假设我的时钟应该计数到 00:00 HRS，但它在 01:00 HRS 做

有什么想法吗？

这是我的代码

<html>
    <head>
        <link rel="stylesheet" href="../compiled/flipclock.css">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

        <script src="../compiled/flipclock.js"></script>
    </head>
    <body>
    <div class="countdown" style="margin:2em;"></div>
    <div class="message"></div>

    <script type="text/javascript">
        var clock;

    var currentDate = new Date();

    var birthDay = new Date(currentDate.getFullYear() + 1, 2, 13);

    var diff = birthDay.getTime() / 1000 - currentDate.getTime() / 1000;


    clock = $('#countdown').FlipClock(diff, {
        countdown: true,
        clockFace: 'DailyCounter',
        language: 'es',
        showSeconds: true
    });
    </script>
    
    </body>
</html>

ps。生日是 13 - Mar - 2021

非常感谢！

你可以看到这个例子：

https://github.com/objectivehtml/FlipClock/blob/master/examples/base.html

【问题讨论】：

如果您可以添加包含 HTML 标记的可运行代码 sn-p，那就太好了。没有它很难调试一些东西。在您的问题中包含您的输出和预期输出。
我不知道如何在这里制作片段，但我制作了更多代码和基本示例的链接

标签： javascript jquery flipclock

【解决方案1】：

在上面的 sn-p 中，您正在显示倒计时时间。它以天、小时、分钟和秒为单位计算从当前日期到给定日期的剩余时间。

请参阅以下示例，其中我们显示了明天的剩余日期、时间和小时。现在是下午 12:31，距离明天还有 11 小时 28 分钟。

<!DOCTYPE html>
<html>
<head>
  <title>FlipClock Example</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.7/flipclock.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.7/flipclock.min.js"></script>
</head>
<body>
  <div id="countdown"></div>
  <script type="text/javascript">
    $(document).ready(function(){
    var clock;
    var currentDate = new Date();
    var birthDay = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate()+1);
    console.log(currentDate);
    console.log(birthDay);
    var diff = birthDay.getTime() / 1000 - currentDate.getTime() / 1000;
    clock = $('#countdown').FlipClock(diff, {
        countdown: true,
        clockFace: 'DailyCounter',
        language: 'es',
        showSeconds: true
    });
  });
  </script>

</body>
</html>

输出：

【讨论】：