Простий годинник на JavaScript

В Інтернеті є багато прикладів реалізації годинника за допомогою JavaScript. Варіанти реалізації можуть бути різними, але зазвичай вони схожі. Щоб створити годинник, використовується функція setTimeout або setInterval. Незважаючи на те, що код не складний, він буде корисний для практики в роботі з об’єктом Date. Ми створимо простий годинник у 24-годинному форматі за допомогою функції setTimeout

HTML

<div id="clock"></div>

JavaScript

function clock() {

  const date = new Date();

  let hours = date.getHours(),
    minutes = date.getMinutes(),
    seconds = date.getSeconds();

  if (hours < 10) hours = '0' + hours;
  if (minutes < 10) minutes = '0' + minutes;
  if (seconds < 10) seconds = '0' + seconds;

  const time = hours + ':' + minutes + ':' + seconds;

  document.getElementById('clock').innerText = time;

  setTimeout(() => {
    clock();
  }, 1000);
}

clock();

Ви можете переглянути приклад на Codepen: https://codepen.io/igorrybalko/pen/wBwzKeE