使用分钟和秒的简单 Jquery 计时器答案

【问题标题】：Simple Jquery Timer that uses both minutes and seconds使用分钟和秒的简单 Jquery 计时器
【发布时间】：2015-03-13 18:54:54
【问题描述】：

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

代码：

<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>

【问题讨论】：

标签： javascript timer

【解决方案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 == 天数

震惊 == 小时

分钟 == 分钟

Sekunden == 秒

【讨论】：