Почему начинает тормозить функционал на странице при использовании функции setInterval?

Question

[Павел]

Файл json должен считываться каждую секунду. (размер файла около 1Кб)
Получение данных из файла json реализовано с помощью AJAX jQuery (функция GetCHANGE())
Через несколько минут после запуска страницы весь функционал на странице начинает тормозить и чем дальше, тем больше. Как можно решить эту проблему?
Код:

function timer(){
  setInterval(function() {
    var autoPlay = setInterval( GetCHANGE(), 1000 );
   if (autoPlay!=='undefined'){
    clearInterval(autoPlay);
    }
}, 1000);
}
 timer();

Answer 1

[Павел]

Страница тормозит именно из-за таймера. Каждую секунду должны брать данные из файла. Функция GetCHANGE только считывает данные из файла json, больше ничего. Эти данные каждую секунду добавляются в память.
Память очищается только перезагрузкой страницы. Без таймера все работает отлично.

P.S. Название функции обязательно поменяю. Спасибо

Comments

[Антон Спирин]

Специально для вас сделал snapshot памяти, хотя и так знаю, что дело не в таймере.

На старте в JSFiddle: 14.6MB
Спустя 10 минут: 14.3MB

Проблема в вашей функции. Таймер тут не причем.
А без таймера у вас не тормозит, потому что ваша функция не засоряет память каждую секунду.
Попробуйте вместо своей функции выводить console.log или запускать () =>{} и сами в этом убедитесь.