的JavaScript/jQuery的倒計時

Question

我想做到的是，更新生活......像這樣的倒計時：

6天（只是天）

12小時（1天之內僅僅幾個小時）

59分鐘（1小時內只有幾分鐘）

59秒（1分鐘內，只需幾秒鐘）

最好的辦法做到這一點？

Answer 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); 

Answer 2

jQuery Countdown plugin

Answer 3

在這裏你可以生成倒數計時器，如果你喜歡 - 只需按下生成和複製的結果粘貼到.html文件

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

Answer 4

值得一提的是：http://www.littlewebthings.com/projects/countdown/ （可能無關緊要，因爲您提到您不想使用插件）

Answer 5

上述接受方法的問題是，這裏會出現與時區差異和夏令時相關的問題。看到這個問題我問我Javascript Countdown and Timezone and Daylight Saving Time Issues

Answer 6

jCounter提供控制什麼格式你希望倒計時在其他控制設置和方法之間顯示。