Как остановить выполнение setInterval в JavaScript

Оффтоп javascript
1

У меня установлено обновление, которое срабатывает через setInterval(myFunction, 10000); и вызывает функцию каждые 10 секунд. Хотелось бы, чтобы пользователь мог прекратить этот автоматический вызов, нажимая на кнопку или другим образом.

function обновитьДанные() {
    console.log('Данные обновляются...');
}

let таймер = setInterval(обновитьДанные, 10000);

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

2

Кстати, делаю кнопку-переключатель для старт/стоп. Проверяю - если таймер запущен, останавливаю через clearInterval, если нет - запускаю. Один клик стопит, второй возобновляет. Очень удобно, когда пользователь передумает насчет обновлений.

3

Да, clearInterval() правильный выбор. Только после вызова обнули переменную таймера - timer = null. Это предотвращает утечки памяти. И всегда проверяй if(timer) перед остановкой, иначе можешь получить ошибку при повторном вызове clearInterval.

4

Останови setInterval через clearInterval(таймер). Повесь это на кнопку через onclick. Потом просто создай новый setInterval, когда захочешь снова запустить. У меня работает.