javascript中兩個日期之間的時間差？

Question

我正在嘗試使用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"
    });

Answer 1

當前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>