[Clone]Nomacodes momomono-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():指定した時間間隔で関数を実行し続けます.