JavaScript / jQueryカウントダウン
-
08-10-2019 - |
質問
私が達成したいのは、ライブを更新するカウントダウンです...このように:
6日間(ちょうど日)
12時間(1日以内の時間)
59分(1時間以内にわずか分)
59秒(1分以内にわずか秒)
これを達成するための最良の方法は?
解決
で作業例を見つけることができます 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);
他のヒント
ここで、必要に応じてカウントダウンタイマーを生成できます - 生成を押して、結果を.htmlファイルにコピーするだけです
http://www.ricocheting.com/code/javascript/html-generator/countdown-timer
注目すべきこと: http://www.littlewebthings.com/projects/countdown/(プラグインを使用したくないと言ったので、無関係です)
上記のアプローチの問題は、タイムゾーンの違いと夏時間に関連する問題がここにあることです。私から尋ねられたこの質問を見てください JavaScriptカウントダウンとタイムゾーンおよび夏時間の節約の問題
jcounter カウントダウンに他の制御設定とメソッドの中に表示するフォーマットを制御します。
所属していません StackOverflow