Reloj simple de JavaScript

Existen muchos ejemplos de implementación de relojes usando JavaScript en Internet. Las opciones de implementación pueden ser diferentes, pero por lo general son similares. Para crear un reloj se utiliza la función setTimeout o setInterval. Aunque el código no es complicado, será útil como práctica para trabajar con el objeto Date. Haremos un reloj simple en formato de 24 horas usando la función 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();

Puedes ver un ejemplo en Codepen: https://codepen.io/igorrybalko/pen/wBwzKeE