1

クリスマス ライト ショーを開催している隣人のサイトを作成しています。

ショーは毎年 12 月 6 日から 1 月 1 日まで、午後 6 時 30 分と午後 8 時の 2 回開催されます。

ウェブサイトに次のようなカウントダウンを追加したいと考えています。

次のショー: 00:00:00 (hh:mm:ss)

しかし、どうすればそれを行うことができますか。Webで検索すると、カウントダウンにAPIを使用する必要があるとのことです。

しかし、カウントダウンする日付は 1 つだけなので、JavaScript で自分で作成する必要があると思います。

誰でもそれを手伝ってもらえますか？

「月は 1、12、またはそれ以外ですか?」で始まり、「まだ 18.30 でしたか?」というように、多くのif/ステートメントを使用する必要があると思います。else(24 時間欲しい) や「もう 20 時ですか」など。

しかし、これは私には大変な作業のように思えるので、より良い方法はありますか?

4

2 に答える 2

0

以下は、開始から 4 時間のカウントダウンの例ですnow()。

<script type="text/javascript">
var limit = new Date(), element, interval;
limit.setHours(limit.getHours() + 4);
window.onload = function() {
    element = document.getElementById("countdown");
    interval = setInterval(function() {
        var now = new Date();
        if (now.getTime() >= limit.getTime()) {
            clearInterval(interval);
            return;
        }
        var diff = limit.getTime() - now.getTime();
        var hours = parseInt(diff / (60 * 60 * 1000));
        diff = diff % (60 * 60 * 1000);
        minutes = parseInt(diff / (60 * 1000));
        diff = diff % (60 * 1000);
        seconds = parseInt(diff / 1000);
        if (hours < 10) {
            hours = "0" + hours;
        }
        if (minutes < 10) {
            minutes = "0" + minutes;
        }
        if (seconds < 10) {
            seconds = "0" + seconds;
        }
        miliseconds = diff % 1000;
        miliseconds = miliseconds.toString().substring(0, 2);
        element.innerHTML = hours + ":" + minutes + ":" + seconds + ":" + miliseconds;
    }, 10);
}

ライブはこちらから

于 2013-07-11T11:42:49.723 に答える