2012-09-26 30 views
0

你好,我想在我的倒計時結束它應該給出如下:要停止倒計時,並給出了把作爲時間長達

document.getElementById("remain").innerHTML = "Time up"; 

直播倒計時這裏:http://ffsng.deewayz.in/counter/

作爲其即將結束時,我想發出說「時間過去」

我試過這樣的一些事情,但力度工作。

function setCountDown() { 
    seconds--; 
    if (seconds < 0) { 
     minutes--; 
     seconds = 59; 
    } 
    if (minutes < 0) { 
     hours--; 
     minutes = 59; 
    } 
    if (hours < 0) { 
     days--; 
     hours = 23; 
    } 
    document.getElementById("remain").innerHTML = days + " days, " + hours + " hours, " + minutes + " minutes, " + seconds + " seconds"; 
    if ((seconds = 0) && (minutes = 0) && (hours = 0) && (days = 0))(
     document.getElementById("remain").innerHTML = "time up"; 
    ) else ( 
     setTimeout("setCountDown()", 1000); 
    ); 
} 

我的全代碼是在這裏:Countdown timer not working with gmt time

回答

3

不是很好,但爲您的需要確定!

HTML

<div id="countdown"> 
    <span id="row1"></span><br /> 
    <span id="row2"></span> 
</div> 

JS

var end = new Date('October 08, 2012 00:55:00'); 

function toSt1(n) { 
    var s = ''; 
    if (n < 10) s += '0'; 
    return (s + n).toString(); 
} 

function toSt2(n) { 
    var s = ''; 
    if (n < 10) s += '00'; 
    else if (n < 100) s += '0'; 
    return (s + n).toString(); 
} 

var countdown = function() { 
    var d = new Date(); 
    var count = Math.floor(end.getTime() - d.getTime()); 
    if (count > 0) { 
     var miliseconds = toSt2(count % 1000); 
     count = Math.floor(count/1000); 
     var seconds = toSt1(count % 60); 
     count = Math.floor(count/60); 
     var minutes = toSt1(count % 60); 
     count = Math.floor(count/60); 
     var hours = toSt1(count % 24); 
     count = Math.floor(count/24); 
     var days = count; 
     document.getElementById('row1').innerHTML = days + ' Days'; 
     document.getElementById('row2').innerHTML = hours + ' Hours ' + minutes + ' Minutes ' + seconds + ' Seconds '; 
     setTimeout('countdown()', 100); 
    } else { 
     document.getElementById("countdown").innerHTML = "Time up"; 
    } 
} 
countdown(); 

DEMO

+0

是的更好,我現在可以修改它,是的,它會適合我的情況 – deerox

+0

很高興聽到:) – yckart

1

看到這個代碼做一些事情(給輸出,你問)在完成倒計時:

$(function(){ 
    var count = 10; 
    countdown = setInterval(function(){ 
    $("p.countdown").html(count + " seconds remaining!"); 
    if (count == 0) { 
     $('#remain').html('Time up'); 
    } 
    count--; 
    }, 1000); 
}); 

該解決方案使用jQuery的。

Ref。 How can I make a jQuery countdown

+0

我想在我的計數加下來......嗯,我會使用jQuery下次 – deerox

+0

@ user1477388非常簡單和更漂亮,沒有膨脹的jquery ;-) https://gist.github.com/3728681 – yckart

+0

我的問題是什麼?如果沒有問題,隨時可以upvote。 – user1477388