Simple JavaScript Clock

There are many examples of clock implementation using JavaScript on the Internet. The implementation options may be different, but they are usually similar. To create a clock, the setTimeout or setInterval function is used. Although the code is not complicated, it will be useful as practice in working with the Date object. We will make a simple clock in 24-hour format using the setTimeout function

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

You can see an example on Codepen: https://codepen.io/igorrybalko/pen/wBwzKeE