Дмитрий Фандорин
clearInterval() в JavaScript
clearInterval() - это функция в JavaScript, которая используется для остановки повторного выполнения задержанного кода, который был запущен с помощью функции setInterval().
Пример использования функции clearInterval():
let counter = 0;
function incrementCounter() {
counter++;
console.log('Текущее значение счетчика: ' + counter);
}
const intervalId = setInterval(incrementCounter, 1000);
setTimeout(() => {
clearInterval(intervalId);
}, 5000);
Этот код вызывает функцию incrementCounter() каждую секунду и увеличивает значение переменной counter на 1. Функция clearInterval() остановит выполнение этой функции через 5 секунд.
Функция clearInterval()
используется для отмены периодического выполнения функции, заданной с помощью setInterval()
. Не забывайте очищать интервалы, когда они больше не нужны. Чтобы эффективно использовать clearInterval()
, необходимо понимать, как работает setInterval()
и как правильно управлять асинхронным кодом. Если вы хотите детальнее погрузиться в работу с таймерами и интервалами в JavaScript и научиться создавать эффективные веб-приложения, приходите на наш большой курс JavaScript с нуля. На курсе 198 уроков и 30 упражнений, AI-тренажеры для безлимитной практики с кодом и задачами 24/7, решение задач с живым ревью наставника, еженедельные встречи с менторами.
Форма записи
Функция clearInterval() вызывается с одним аргументом - идентификатором таймера, который был возвращен функцией setInterval().
Пример:
const intervalId = setInterval(() => {
console.log('Код, который будет повторяться каждые 3 секунды');
}, 3000);
clearInterval(intervalId);
В этом примере код, переданный в качестве аргумента функции setInterval(), будет повторяться каждые 3 секунды. Однако, функция clearInterval() остановит повторное выполнение этого кода до того, как он будет запущен.
Заключение
Функция clearInterval() - это удобный способ остановить повторное выполнение задержанного кода, который был запущен с помощью функции setInterval(). Она позволяет избежать выполнения ненужного кода и повысить производительность программы.
Для углубленного изучения асинхронного программирования, clearInterval()
и других продвинутых техник JavaScript, рассмотрите курс JavaScript Advanced. В первых 3 модулях уже доступно бесплатное содержание — начните погружаться в мир продвинутого JavaScript прямо сегодня.
Постройте личный план изучения Javascript до уровня Middle — бесплатно!
Javascript — часть карты развития Frontend
100+ шагов развития
30 бесплатных лекций
300 бонусных рублей на счет
Бесплатные лекции
Все гайды по Javascript
Лучшие курсы по теме

Основы JavaScript
Антон Ларичев
TypeScript с нуля
Антон Ларичев