Chrome setTimeout() вопросы времени

Question

У меня есть простой сценарий обратного отсчета (jsFiddle).

var time = 60; 
function countDown(timeLeft){ 
    $("#timeLeft").text(timeLeft); 
    if(timeLeft!=0){ 
     setTimeout(function(){ countDown(--timeLeft); }, 1000); 
    } 
} 
countDown(time); 

По какой-то причине, если я запускаю его в Chrome и сосредоточиться на другой вкладке, таймер в два раза медленнее, чем это должно быть ... Так что, когда я бегу независимый таймер на телефоне в то же время он идет правильно, и когда я снова фокусируюсь на вкладке с помощью своего таймера, он показывает ~ 30 секунд слева. Он отлично работает, когда вкладка, содержащая скрипт, находится в фокусе, она слишком медленная, только когда она открыта в фоновом режиме. Это не происходит в Firefox. Это какая-то странная ошибка, или я делаю что-то неправильно?

Answer 1

Проблема заключается в том, что вы устанавливаете слишком много функций setTimeout, с временем = 60, существует 60 setTimeouts, поэтому они вредят вашей производительности. Вы можете использовать setInterval вместо:

function countDown(timeLeft){ 
var intervalProc = setInterval(function(){ 
    $("#timeLeft").text(timeLeft); 
    timeLeft--; 
    if(timeLeft <= 0){ 
    clearInterval(intervalProc); 
    } 
}) 

}