![](https://velog.velcdn.com/cloudflare/bb_pumpkin/6e64e988-f99f-406d-8c78-c4d58899b3d6/image.png)
5 CLOCK
setInterval
- setInterval은 어떤 함수를 일정 간격으로 호출해주는것
- setInterval(함수이름, 함수주기);
- 함수주기는 1/1000초 단위임으로 1000이 들어가야 1초마다 호출, 3000이들어가면 3초마다 호출
padStart
- padStart(글자수, 빈자리를 채울 문자)
🔸 html
<h2 id="clock">00:00:00</h2>
🔸 js
const clock = document.querySelector("h2#clock");
function getClock() {
const data = new Date();
const hours = String(data.getHours()).padStart(2, "0");
const Minutes = String(data.getMinutes()).padStart(2, "0");
const Seconds = String(data.getSeconds()).padStart(2, "0");
clock.innerText = `${hours}:${Minutes}:${Seconds}`;
}
getClock();
setInterval(getClock, 1000);