php - 当选项卡不活动时如何让它继续运行？

Question

function timer(time,max) {
   if(time-1>=0) {
     --time;
       $("#timer2").html(Math.ceil(time/100));
          pix = Math.round((time/max)*100);
   document.getElementById('timer').style.width = pix+"%";
  setTimeout("timer("+time+","+max+")",10);
  }
 }

这就是 Javascript。

 You have <font style='color: #ff0' id='timer2'><?PHP echo $time; ?></font> seconds left until you can skill again<br>
<div style='background-color: black; width: 100px;'>
    <div style='background-color: #ffd700; text-align: center; width: 100%' id='timer'>&nbsp;
    </div>
</div>
<script>
    timer(<?PHP echo $time*100; ?>,<?PHP echo $time*100; ?>);
</script>

基本上，时间可以是X秒。计时器每 10 毫秒运行一次，因此条形图看起来很平滑。问题是，当您离开该选项卡时，它会停止移动。有没有办法修复这段代码来做到这一点？

谢谢!

Answer 1

如果您已经在使用 jQuery，请查看 jQuery timer插件。