2

Flipclock.jsを使用して、2017年1月20日の午後12時頃の就任式までのカウントダウンクロックを作成しようとしています

現在の時刻とその日付/時刻の差 (秒単位) を計算するにはどうすればよいですか?

私は現在持っています：

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 に答える