2012-04-03 22 views
6

JavaScript ile bir geri sayım sayacı yapıyorum.Javascript, geri sayım sayacı ve ekran metni

İşte benim komut dosyası.

var seconds_left = 10; 
var interval = setInterval(function() { 
    document.getElementById('timer_div').innerHTML = --seconds_left; 

    if (seconds_left <= 0) 
    { 
     //When it gets to 0 second, I want to show 'You are Ready!' text message. 

    } 
}, 1000); 

10 saniyeden itibaren saymaya başlar.

0 saniye aldığında ve 'Hazırsınız' görüntülendiğinde saniyeleri yok etmek istiyorum. mesaj.

Herkes yardımcı olabilir mi? İşte

cevap

20
var seconds_left = 10; 
var interval = setInterval(function() { 
    document.getElementById('timer_div').innerHTML = --seconds_left; 

    if (seconds_left <= 0) 
    { 
     document.getElementById('timer_div').innerHTML = 'You are ready'; 
     clearInterval(interval); 
    } 
}, 1000); 

(Düşündüğün buysa, açıkça bütün aralıkları olmaz) Neredeyse .. Eğer clearInterval` yöntemine `anahtarı geçmek zorunda Example

+2

olduğunu. [Bu] (http://jsfiddle.net/PKWXw/) test vakasına bakın. –

4
document.getElementById('timer_div').innerHTML = "You are Ready!"; 
0
<script> 
    TargetDate = "12/31/2020 5:00 AM"; 
    DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds."; 
    FinishMessage = "It is finally here!"; 
</script> 
<script src="//scripts.hashemian.com/js/countdown.js"></script> 
+1

Bu kod pasajı soruyu yanıtlayabilirken, nasıl veya neden olduğunu açıklayan herhangi bir bağlam sağlamaz. Cevabınızı açıklamak için bir cümle ya da iki eklemeyi düşünün. – brandonscript