Javascript 날짜와 시간 정보 표시하기

<script>
const clock = document.querySelector(".clock");

function getClock() {
    const date = new Date();
    const day = date.getDate();
    const hours = String(date.getHours()).padStart(2, "0");
    const minutes = String(date.getMinutes()).padStart(2, "0");
    clock.innerText = `${day} ${hours}:${minutes}`;
}
getClock();
setInterval(getClock, 1000)
</script>

setInterval(fn, ms)

(callback function, milliseconds) : 설정한 밀리초마다 함수를 실행함

setTimeout(fn, ms)

(callback function, milliseconds) : 설정한 밀리초만큼 기다린 후에 함수를 실행함

Date object

: 호출하는 그 시점의 날짜, 시간 정보를 반환하는 객체 - getDate(), getDay(), getHours() ... 등의 함수로 날짜, 요일, 시간 등을 알 수 있다.

padStart()

(length, "start String") : 해당 문자열의 시작부터 지정한 문자로 채워서 설정한 길이만큼 만든다.

padEnd()

(length, "end String") : 해당 문자열의 끝부터 지정한 문자로 채워서 설정한 길이만큼 만든다.