SPRAVKA.CO.UAрішення для життєвих ситуацій
Корисний матеріал

Простий таймер зворотного відліку на JavaScript без бібліотек

Найпростіший countdown можна зробити на чистому JavaScript через setInterval(): раз на секунду обчислювати різницю між цільовим часом і поточним та оновлювати текст на сторінці.

Приклад

const end = Date.now() + 5 * 60 * 1000;
const timer = setInterval(() => {
  const left = Math.max(0, end - Date.now());
  const min = Math.floor(left / 60000);
  const sec = Math.floor((left % 60000) / 1000);
  document.querySelector('#timer').textContent = `${min}:${String(sec).padStart(2,'0')}`;
  if (left === 0) clearInterval(timer);
}, 1000);

Чому краще рахувати від кінцевої дати

Якщо просто віднімати одиницю щосекунди, таймер накопичує похибку через затримки вкладки. Розрахунок від абсолютного часу коректніший.

SPRAVKA.CO.UA

Перейти до довідника

Перейти до довідника →