Переполнение буфера при рекурсивной функции

Question

Существует функция animateTitle(), которая изменяет название браузера периодическое - каждые 3 секунды.

var animateTitle = function(countMessages) { 
    if (isChatTab) { 
     if (animStep) { 
      document.title = "New messages ("+countMessages+") - "+origTitle; 
     } else { 
      document.title = origTitle; 
     } 
     animStep = !animStep; 
    } else { 
      document.title = origTitle; 
      animStep = false; 
    } 

    time_title = setInterval(function(){ animateTitle(countMessages) }, 3000); 
}; 

В моем скрипте пары countMessages является изменением в режиме реального времени и передаются функция animateTitle, так что это приводит к переполнению буфера, потому что функция является рекурсивной. Как исправить?

Answer 1

В настоящее время, поскольку вы не очищаете существующий интервал, каждый вызов функции создает новые интервалы. Вы должны переместить интервал вне функции:

var animateTitle = function(countMessages) { 
    if (isChatTab) { 
    if (animStep) { 
     document.title = "New messages ("+countMessages+") - "+origTitle; 
    } else { 
     document.title = origTitle; 
    } 
    animStep = !animStep; 
    } else { 
     document.title = origTitle; 
     animStep = false; 
    } 
}; 
time_title = setInterval(function(){ animateTitle(countMessages) }, 3000);