логотип PurpleSchool
логотип PurpleSchool

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().

Пример:

const intervalId = setInterval(() => {
  console.log('Код, который будет повторяться каждые 3 секунды');
}, 3000);

clearInterval(intervalId);

В этом примере код, переданный в качестве аргумента функции setInterval(), будет повторяться каждые 3 секунды. Однако, функция clearInterval() остановит повторное выполнение этого кода до того, как он будет запущен.

Заключение

Функция clearInterval() - это удобный способ остановить повторное выполнение задержанного кода, который был запущен с помощью функции setInterval(). Она позволяет избежать выполнения ненужного кода и повысить производительность программы.

Стрелочка влевоclearTimeout() в JavaScriptalert() в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний