2015-03-13 120 views
0

我想創建一個計時器,該計時器在90分鐘開始的屏幕上顯示,並在時間到0時提交頁面。現在,我可以讓它工作,但我無法顯示分鐘,只有幾秒鐘(90分鐘= 5400秒)。我想花時間說20分5秒,而不是1205秒。使用分鐘和秒鐘的簡單Jquery計時器

CODE:

<p>Time remaining: <span id="count">5400</span> seconds</p> 

<script type="text/javascript"> 

window.onload = function(){ 

(function(){ 
    var counter = 5400; 

    setInterval(function() { 
    counter--; 
    if (counter >= 0) { 
    span = document.getElementById("count"); 
    span.innerHTML = counter; 
} 

if (counter === 0) { 
    //i will write the page submit code here 

} 

}, 1000); 

})(); 

} 


</script> 

回答

0

繼承人完全香草JS倒計時我寫的。 它包括天爲好,如果你離開天數和小時零,他們根本不會被顯示,所以你可以,如果你想使用它:

注意整個事情中,被召回的每一秒的間隔功能運行。

//Countdown 
if(document.getElementById('s') != null) 
{ 
    s = parseInt(document.getElementById('s').textContent); 
    m = parseInt(document.getElementById('m').textContent); 
    h = parseInt(document.getElementById('h').textContent); 
    d = parseInt(document.getElementById('d').textContent); 
    var countdownField = document.getElementById('countDown'); 

setInterval(function(){ 

    countdownField.textContent ="Verbleibend: "+d+" Tage "+h+" Stunden "+m+" Minuten "+s+" Sekunden "; 

    if(s==0 && m==0 && h==0 && d==0) 
     location.reload(); 
    else if(m==0 && h==0 && d==0) 
     countdownField.textContent ="Verbleibend: "+s+" Sekunden "; 
    else if(h==0 && d==0) 
     countdownField.textContent ="Verbleibend: "+m+" Minuten "+s+" Sekunden "; 
    else if(d==0) 
     countdownField.textContent ="Verbleibend: "+h+" Stunden "+m+" Minuten "+s+" Sekunden "; 

     if(s == 0){ 
      s = 60; 
      m--; 
     } 
     if(m == 0 && s == 0){ 
      m = 59; 
      h--; 
      } 
      if(h == 0 && m == 0 && s == 0){ 
      h = 23; 
      d--; 
      } 
     s--; 
}, 1000); 
} 

編輯一些幫助與理解

Verbleibend ==剩餘

踏歌==天

Stunden ==小時

Minuten ==分鐘

Sekunde n ==秒