简单的 Jquery 计时器，同时使用分钟和秒

Simple Jquery Timer that uses both minutes and seconds

本文关键字：分钟 Jquery 计时器 简单      更新时间：2023-09-26

我正在尝试创建一个显示在屏幕上的计时器，该计时器从 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>
这是我

写的完整香草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 == 秒

相关文章：