0

時間が経過すると自動的に再起動するカウントダウン タイマーを作成する必要があります。

たとえば、英国時間の午後 3 時または 15:00 からカウントダウンし、時間になったらリセットしてカウントを再開する必要があります。

私はいくつかのjQueryを試してきましたが、サーバー時間ではなくブラウザ時間を表示します。誰かが解決策を共有できる場合は、私に知らせてください。

前もって感謝します！

以下のコードは、完全に機能する実例です: https://gist.github.com/Majestik/3964527

if (document.getElementById('countdownTimer')) {
    pad = function(n, len) { // leading 0's
        var s = n.toString();
        return (new Array( (len - s.length + 1) ).join('0')) + s;
    };
    function countDown() {
        var now = new Date();
        if ( (now.getDay() >= 1) && (now.getDay() <= 5) ) { // Monday to Friday only
            var target = 15; // 15:00hrs is the cut-off point
            if (now.getHours() < target) { // don't do anything if we're past the cut-off point
                var hrs = (target - 1) - now.getHours();
                if (hrs < 0) hrs = 0;
                var mins = 59 - now.getMinutes();
                if (mins < 0) mins = 0;
                var secs = 59 - now.getSeconds();
                if (secs < 0) secs = 0;
                var str = pad(hrs, 2) + ':' + pad(mins, 2) + '.<small>' + pad(secs, 2) + '</small>';
                document.getElementById('countdownTimer').innerHTML = str;
            }
        }
    }
    var timerRunning = setInterval('countDown()', 1000);
}

 Time remaining: <span id="countdownTimer"><span>00:00.<small>00</small></span>
4

1 に答える 1

1

PHP コードで、この JavaScript ファイルを含む HTML を記述しているときに、JavaScript が読み込まれた後にそれを実行するのではなく、そこに変数を設定するだけです。このようにして、ブラウザー時間ではなくサーバー時間を使用しています。

于 2013-02-09T09:51:06.110 に答える