노마드 코더 - 바닐라 JS로 크롬 앱 만들기 - 시계 만들기

시계입니다.시계

 

const clock = document.getElementById('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);

// function sayHello(){
//     clock.innerText = new Date().toLocaleTimeString();
//     }
//     sayHello()
//     setInterval(sayHello, 1000);

html은 별거 없고 js만 가져옴.

자바스크립트에 내장된 함수로 시:분:초 불러오기가 가능하지만

11:1:0 한자리 숫자로 불러와진다.

그래서 숫자를 string으로 감싸준 후 padStart(문자열 수, "집어넣을 문자") 하기