2015-03-13 123 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 ==秒