4

私が達成したいのは、ライブで更新するカウントダウンです...次のように:

6日(ちょうど日)

12時間(1日以内の数時間)

59分(1時間以内のわずか数分)

59秒(1分以内のわずか数秒)

これを達成するための最良の方法は?

4

6 に答える 6

13

実用的な例はhttp://jsfiddle.net/gaby/QH6X8/79/にあります。

var end = new Date('15 Dec 2010');

var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour *24

var timer;

function showRemaining()
{
    var now = new Date();
    var distance = end - now;
    if (distance < 0 ) {
       // handle expiry here..
       clearInterval( timer ); // stop the timer from continuing ..
       alert('Expired'); // alert a message that the timer has expired..
    }
    var days = Math.floor(distance / _day);
    var hours = Math.floor( (distance % _day ) / _hour );
    var minutes = Math.floor( (distance % _hour) / _minute );
    var seconds = Math.floor( (distance % _minute) / _second );

    var countdownElement = document.getElementById('countdown');
    countdownElement.innerHTML = 'Days: ' + days + '<br />';
    countdownElement.innerHTML += 'Hours: ' + hours+ '<br />';
    countdownElement.innerHTML += 'Minutes: ' + minutes+ '<br />';
    countdownElement.innerHTML += 'Seconds: ' + seconds+ '<br />';
}

timer = setInterval(showRemaining, 1000);
于 2010-11-10T23:44:23.523 に答える
3

jQueryカウントダウンプラグイン

于 2010-11-10T23:30:29.483 に答える
0

jCounterは、他の制御設定やメソッドの中で、カウントダウンに表示する形式を制御します。

于 2012-09-29T17:25:26.697 に答える
0

ここでは、必要に応じてカウントダウンタイマーを生成できます。生成を押して、結果をコピーして.htmlファイルに貼り付けるだけです。

http://www.ricocheting.com/code/javascript/html-generator/countdown-timer

于 2010-11-10T23:41:15.873 に答える
0

注目すべき言及:http ://www.littlewebthings.com/projects/countdown/ (プラグインを使用したくないと言ったのでおそらく無関係です)

于 2010-11-11T18:03:41.817 に答える
0

上記で受け入れられているアプローチの問題は、タイムゾーンの違いと夏時間に関連する問題がここにあることです。私が尋ねたこの質問を参照してくださいJavascriptカウントダウンとタイムゾーンおよび夏時間の問題

于 2012-07-27T13:40:47.397 に答える