javascriptの2つの日付の間の時間の違いは？

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>