Очистка таймеров с помощью метода clearInterval в JavaScript

clearInterval является методом объекта window в JavaScript, который позволяет остановить выполнение повторяющихся действий, запущенных методом setInterval.

Например, у нас есть функция, которая запускается каждую секунду с помощью setInterval:

function timer() {
  console.log('tick...');
}
const interval = setInterval(timer, 1000);

Если мы хотим остановить выполнение этой функции, мы можем использовать метод clearInterval:

clearInterval(interval);

Этот код остановит выполнение функции timer через секунду после вызова clearInteraval.

Также можно использовать условие для остановки выполнения функции:

let counter = 0;
const interval = setInterval(() => {
  console.log('tick...');
  counter++;
  if (counter > 10) {
    clearInterval(interval);
  }
}, 1000);

В этом примере функция timer запускается каждую секунду и выводит в консоль сообщение 'tick...'. Однако, после 10 итераций она будет остановлена по условию, используя метод clearInterval.

В целом, использование clearInterval очень полезно при работе с повторяющимися действиями на странице, такими как анимации или обновление данных.