Таймеры

// setTimeout(callback, delay, ...args)

setTimeout(() => {
  console.log("Прошло 2 секунды");
}, 2000);

// С аргументами
setTimeout((name, age) => {
  console.log(`${name}, ${age} лет`);
}, 1000, "Иван", 25);

let timerId = setTimeout(() => {
  console.log("Это не выполнится");
}, 5000);

// Отменяем до выполнения
clearTimeout(timerId);

let count = 0;

let intervalId = setInterval(() => {
  count++;
  console.log("Счётчик: " + count);
  
  if (count >= 5) {
    clearInterval(intervalId);
    console.log("Остановлено");
  }
}, 1000);

// Если функция выполняется дольше интервала,
// вызовы накапливаются

setInterval(() => {
  // Тяжёлая операция на 2 секунды
  // при интервале 1 секунда
}, 1000);

let count = 0;

function tick() {
  count++;
  console.log("Счётчик: " + count);
  
  if (count < 5) {
    setTimeout(tick, 1000);
  }
}

setTimeout(tick, 1000);

// Браузер гарантирует минимум ~4мс для вложенных таймеров
setTimeout(() => {
  setTimeout(() => {
    setTimeout(() => {
      setTimeout(() => {
        setTimeout(() => {
          // Здесь задержка уже ~4мс минимум
        }, 0);
      }, 0);
    }, 0);
  }, 0);
}, 0);

let position = 0;

function animate() {
  position += 2;
  element.style.left = position + "px";
  
  if (position < 300) {
    requestAnimationFrame(animate);
  }
}

requestAnimationFrame(animate);

let animationId = requestAnimationFrame(animate);
cancelAnimationFrame(animationId);

function debounce(fn, delay) {
  let timerId;
  
  return function(...args) {
    clearTimeout(timerId);
    timerId = setTimeout(() => fn.apply(this, args), delay);
  };
}

// Использование
const search = debounce((query) => {
  console.log("Поиск: " + query);
}, 300);

search("a");
search("ab");
search("abc"); // Только этот вызов выполнится

function throttle(fn, delay) {
  let lastTime = 0;
  
  return function(...args) {
    let now = Date.now();
    if (now - lastTime >= delay) {
      lastTime = now;
      fn.apply(this, args);
    }
  };
}

// Использование
const handleScroll = throttle(() => {
  console.log("Скролл");
}, 100);

function countdown(seconds) {
  let remaining = seconds;
  
  let intervalId = setInterval(() => {
    console.log(remaining);
    remaining--;
    
    if (remaining < 0) {
      clearInterval(intervalId);
      console.log("Время вышло!");
    }
  }, 1000);
}

countdown(5);