当分钟和秒为0时，倒计时计时器不会减少小时数

countdown timer not reducing hours when minutes and seconds are 0

本文关键字：小时 计时器 倒计时 分钟 0时      更新时间：2024-04-23

一段时间以来，我一直在为这个倒计时计时器而挣扎。我已经取得了很大的进步，但由于某种原因，当分秒为0时，并没有减少小时数。为什么会这样？

代码：

<?php
$timeTo  = strtotime(gmdate("12:24:00")).'<br />';
$timeNow = strtotime('now').'<br />';
$differenceInSeconds = $timeTo - $timeNow;
?>
<script type="text/javascript">
var s= "<?php Print($differenceInSeconds);?>";
var h= Math.floor(s/3600);
s-= h*3600;
var m= Math.floor(s/60);
s -= m*60;
var counter=setInterval(timer, 1000); //1000 will  run it every 1 second
    function timer()
    {
    s=s-1;
        if(s == 0 ){
        m=m-1;
        s=59;
          if(s == 0 && m == 0){
          h=h-1;
          s=59;
          m=59;
           if(s == 0 && m == 0 && h == 0){
           // reset the counter
           //return;
           }
          }
        }
//Do code for showing the number of seconds here
    document.getElementById("timer").innerHTML=h+'hrs '+m+'min '+s+'secs ';//(h <= 0 ? ' ' : h+"hr ")+(m <= 0 ? ' ' : m+"min ")+(s < 10 ? '0'+s+'secs ' : s+"secs "); // watch for spelling
                }
        </script>
<span id="timer"></span>

这是一个JSFiddle

首先检查s == 0，然后递减，而不是按相反的顺序：

s=s-1; // s will be -1
if(s == 0 ){

但是

if (s == 0) {
    // logic here
} else {
    s = s - 1;
}

演示：http://jsfiddle.net/VsP87/3/

相关文章：