Question

我正在尝试创建一个显示在屏幕上的计时器，该计时器从90分钟开始，并在时间变为0时提交页面。现在我可以让它工作，但我无法显示分钟，只有几秒钟（90分钟= 5400秒）。我希望有时间说剩下20分5秒而不是1205秒。

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>

Answer 1

我写的是一个完整的香草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 ==剩余

Tage == Days

昏昏欲睡==小时

分钟==分钟

Sekunden ==秒>

简单的Jquery Timer，使用分钟和秒

1 个答案: