js 시계

setTimeout("함수", ms) 

refresh 후 몇 ms 후에 함수를 작동시킴.

setInterval("함수", ms)

몇 ms 마다 함수를 반복실행.

new date(); 시간이 담긴 객체.

new date().getHours() 와 같이 사용.

const clock = document.querySelector(".clock");
function getTimes()
{
    const time = new Date();
    const hour = String(time.getHours()).padStart(2,"0");
    const min = String(time.getMinutes()).padStart(2,"0");
    const sec = String(time.getSeconds()).padStart(2,"0");
    
    clock.innerText = `${hour}:${min}:${sec}`;
}

setInterval(getTimes,1000);

1초를 01초와 같이 %02d와 비슷하게 만들기 위해서 gethours를 문자열로 변경 후 

padStart(최소문자열길이,"앞을채울문자")

padEnd하면 뒤를채우게됨.