Разница во времени между двумя датами в javascript?

Question

Я пытаюсь сделать обратный отсчет времени до открытия 20 января 2017 года примерно в 12:00 вечера, используя flipclock.js

Как рассчитать разницу (в секундах) между текущим временем и что дата/время?

я в настоящее время:

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>