2

我正在尝试使用Flipclock.js制作倒计时时钟，直到 2017 年 1 月 20 日大约下午 12:00 就职典礼

如何计算当前时间与该日期/时间之间的差异（以秒为单位）？

我目前有：

var inauguration = new Date("January 20, 2017 12:00:00");
var now = Date.now();
var diff = inauguration - now;
var clock = $('#clock').FlipClock(diff, {
    countdown: true,
    clockFace: "DailyCounter"
});

得到它的工作：

    var inauguration = new Date(2017, 00, 20, 12, 0, 0, 0);
    var now = Date.now();
    var diff = inauguration.getTime() - now;
    diff = diff / 1000;
    var clock = $('#clock').FlipClock(diff, {
        countdown: true,
        clockFace: "DailyCounter"
    });
4

1 回答 1

3

当前inauguration是一个Date对象。.getTime()您可以通过函数获取秒数。你需要改变：

var diff = inauguration.getTime() - now;
//---------------------^^^^^^^^^^

您的工作代码应该是：

var inauguration = new Date(2017, 00, 20, 12, 0, 0, 0);
var now = Date.now();
var diff = inauguration.getTime() - now;
diff = diff / 1000;
var clock = $('#clock').FlipClock(diff, {
    countdown: true,
    clockFace: "DailyCounter"
});

的想法getTime()是解决方案的一部分，以及其他一些小的更改，上面的代码现在可以工作了。

此外，原始实现也有效：

var inauguration = new Date("January 20, 2017 12:00:00");
var now = Date.now();
var diff = (inauguration.getTime() - now) / 1000;
var clock = $('#clock').FlipClock(diff, {
  countdown: true,
  clockFace: "DailyCounter"
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.js"></script>
<div id="clock"></div>

于 2017-01-02T00:20:24.967 回答