setInterval

1초마다 콘솔에 현재 시간 표시

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");
    console.log(`${hours}:${minutes}:${seconds}`);
}
setInterval(getClock, 1000); // 현재 시간이 1초마다 콘솔에 찍힘

위 코드는 콘솔에 현재 시간을 1초마다 표시해 주는 코드이다.

setInterval은 함수를 일정 시간마다 호출해준다.

시간의 단위는 밀리 세컨드이므로 1초는 1000으로 작성하면 된다.

일정 시간마다 호출하고자 하는 함수를 첫 번째에 작성하고 원하는 시간을 두 번째에 작성해 주면 된다.

setTimeout

1초 후에 콘솔에 현재 시간 표시

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");
    console.log(`${hours}:${minutes}:${seconds}`);
}
setTimeout(getClock, 1000); // 현재 시간이 1초 후에 콘솔에 찍힘

위 코드는 1초 후에 콘솔에 현재 시간을 찍는 코드이다.

setInterval은 일정 시간마다 함수를 호출을 해주고 setTimeout은 일정 시간 후에 한 번만 함수를 호출해 준다.

사용법은 비슷하다 첫 번째에 일정 시간 후에 호출할 함수를 작성하고 원하는 시간을 두 번째에 작성해 주면 된다.