setInterval() 对于非活动选项卡无法正常工作

Question

我正在开发一个记录时间的计时器。 为此，我现在正在使用java脚本的setInterval方法，问题是如果选项卡处于非活动状态，则它无法正常工作。

我必须存储旧时间并从新时间中减去一个解决方案，如果在启动计时器后如果用户更改系统时间，则会影响我的计时器。 如果有任何其他可能的方法或解决方案，请告诉我。

timerInterval = setInterval(function() {
    seconds=seconds+1;
    if(seconds==60)
    {
        minutes=minutes+1;
        if(minutes==60)
        {
            minutes=0;
            hours=hours+1;
        }                                               
        $("#task"+aData['taskId']).html(("0" + hours).slice(-2)+":"+("0" + minutes).slice(-2));
        seconds=0;
    }
},1000);

Answer 1

尝试setTimeout而不是setInterval

setInterval不要根据浏览器负载确定调用函数的优先级。 我遇到了同样的问题，我用setTimeout解决了它

Answer 2

我做了一个 plunker，我编辑了我的时间，但计时器一直在继续。

$(document).ready(function(){
  var seconds = 0;
  var hours = 0;
  var minutes = 0;
  setInterval(function(){
    seconds++;
    if(seconds == 60)
    {
        seconds=0;
        minutes++;
        if(minutes == 60)
        {
            minutes=0;
            hours++;
        }    
    }
    $(".timer").html(("0" + hours).slice(-2)+":"+("0" + minutes).slice(-2)+":"+("0" + seconds).slice(-2));
  },1000);
});

并在 HTML 中显示计时器的标记：

<h2 class="timer"></h2>

http://plnkr.co/edit/yWQWrGxnkgOFvXDoLNhU?p=preview

让我知道这是否对您有帮助！