Справочник JavaScript

clearTimeout

Отменяет запланированный setTimeout.

Доступно с: Web API

Синтаксис

clearTimeout(timeoutId)

Параметры

Параметр	Тип	Описание
timeoutId	number	Идентификатор, который вернул setTimeout.

Возвращаемое значение

undefinedНичего не возвращает.

Примеры

Таймер отменён до срабатывания:

const id = setTimeout(() => console.log('never printed'), 500);
 
clearTimeout(id);
console.log('cancelled');

Результат:

cancelled

Debounce — выполнить действие только после паузы во вводе:

function debounce(fn, ms) {
  let timer;
  return (...args) => {
    clearTimeout(timer);
    timer = setTimeout(() => fn(...args), ms);
  };
}
 
const search = debounce((text) => console.log('search:', text), 100);
search('a');
search('an');
search('ann');

Результат:

search: ann

Примечания

Отмена уже сработавшего или несуществующего таймера ничего не делает и ошибки не вызывает.

См. также

setTimeout — Выполняет функцию один раз через заданное время.
clearInterval — Останавливает повторяющийся setInterval.

Вопросы и ответы по теме

Как сделать debounce функции

В учебнике

Таймеры — Функции setTimeout и setInterval в JavaScript: отложенный и повторяющийся вызов, аргументы, отмена таймера.

Спасибо, что читаете!