[Clone] Nomacoders momonto - JavaScript 실시간 시계

여기서는 '분'만 실시간으로 업데이트되게 구현하였다.

코드

<div class="clock">
  <span class="time"></span>
  <span class="name"></span>
</div>

function setClock() {
  const today = new Date();
  const hour = today.getHours();
  const minutes = today.getMinutes();
  const todayTime = `${hour}:${minutes}`;

  showClock(todayTime);
  setTimeout(setClock, 1000);
}

function showClock(time) {
  const spanClock = document.querySelector(".time");
  spanClock.innerHTML = time;
}

setClock();

알게 된 함수

• setTimeout() : 함수를 지정된 시간 간격을 두고 지속적으로 실행한다.