setInterval() не работает должным образом для неактивной вкладки

Question

Я разрабатываю один таймер, который записывает время. потому что я использую метод setInterval скрипта java, теперь проблема в том, что он не работает должным образом, если вкладка неактивна.

Одно решение, которое я получил, чтобы сохранить старое время и вычесть из нового времени с этой проблемой, если после запуска таймера, если пользователь меняет системное время, это влияет на мой таймер. сообщите мне, есть ли другой способ или решение.

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

Я сделал плункер, и я отредактировал свое время, но таймер просто продолжает идти.

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

Позвольте мне знать, если это поможет вам!