new Date

const date = new Date();
date.getFullyear();
date.getDate();
date.getDay();
date.getHours();
date.getMinutes();
date.getSeconds();

...

구현하고자 하는것: 시간, 분, 초와 setInterval을 이용한 시계 구현

JS

const clock = document.querySelector("h2#clock");

function getTime() {
    const date = new Date();
    console.log(`${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`);
}
getTime();
setInterval(getTime, 1000);

• const date = new Date()를 이용해 date에 JS에서 제공하는 Date 객체를 사용할 수 있다(내 생각)
• 코드를 보면 콘솔에 템플릿 리터럴을 이용해 date 객체의 시간, 분, 초를 값으로 하는 함수들을 출력한다.
• getTime() 함수를 호출하는것은 웹페이지가 로드 되자마자 1초를 기다리지 않고 시간을 출력하기 위함이다.
• setInterval 함수에 의해 매 1초마다 getTime() 함수를 실행하게 된다.

문제는 시간이 00:00:00가 아닌 한자리 수를 출력하는 경우가 있다는 것이다. Ex).19:48:7

해결은 다음 포스팅에서 !