TIL 22.02.16
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);
const date = new Date();
console.log(date);
Wed Feb 16 2022 16:25:58 GMT+0900 (한국 표준시)
Date()는 시간을 불러오는 생성자
date.getHours() 시
date.getHours() 분
date.getSeconds() 초
를 가져온다.
String(date.getSeconds()).padStart(2,"0")
.padStart는 앞에 원하는 문자열의 길이를 넣고 뒤에는 앞에 채워줄 문자열을 넣어준다.
String(date.getSeconds())이 10초 이상이라면 string길이가 2이상이므로 그대로 반환하고
10초 이하 8이라면 "08"로 반환한다.
.padEnd는 뒤에 붙여준다. "80"
setInterval(getClock, 1000);
setInterval() 지정한 시간 간격으로 함수를 반복한다.
위 코드는 1초 간격으로 getClock함수를 실행해 시간을 보여준다.
