비전공자 개발일기

Javascript Clock 본문

Javascript

Javascript Clock

HiroDaegu 2021. 8. 26. 00:48
728x90
SMALL
  <h2 id="date"></h2>
  <h2 id="clock">00:00:00</h2>
const clock = document.querySelector("h2#clock");

function getClock() {
  const date = new Date();
  const hours = String(date.getHours()).padStart(2, "0");
  const minutes = String(date.getMinutes()).padStart(2, "0");
  const seconds = String(date.getSeconds()).padStart(2, "0");
  clock.innerText = `${hours}:${minutes}:${seconds}`;
}

getClock();
setInterval(getClock, 1000);
728x90
LIST

'Javascript' 카테고리의 다른 글

Javascript NaN  (0) 2021.09.01
HTML JAVASCRIPT Select option Multiple  (0) 2021.08.27
Javascript Login with LocalStorage  (0) 2021.08.25
Javascript  (0) 2021.08.16
Javascript  (0) 2021.08.14