setTimeout과 setInterval

setTimeout과 setInterval은 타이머를 설정하는데 사용되는 두 가지 함수입니다. 이 두 함수는 비동기 작업을 예약하고 실행하는데 유용하며, 각각 일정 시간이 지난 후에 한 번 또는 일정한 간격으로 반복적으로 실행되는 코드를 작성할 수 있게 해줍니다.

차이점

• setTimeout은 지정된 시간이 지난 후에 한 번 실행됩니다.
• setInterval은 지정된 간격으로 반복적으로 실행됩니다.
• 두 함수 모두 타이머 ID를 반환하며, 이것을 사용해서 타이머를 취소할 수 있습니다.

setTimeout

setTimeout은 지정된 시간이 지난 후에 함수를 한 번 실행합니다.

const time = setTimeout(function, delay);

• function : 일정 시간이 지난 후에 실행될 함수
• delay : 밀리초 단위의 지연 시간, 이 시간이 지나면 함수가 실행됩니다.

예제

function sayHello() {
  console.log('Hello, World!');
}

// 3초 후에 sayHello 함수가 실행됨
const time = setTimeout(sayHello, 3000);

타이머를 취소 하려면 clearTimeout함수를 사용합니다.

clearTimeout(time);

setInterval

setInterval은 지정된 간격으로 함수를 반복적으로 실행합니다.

const interval = setInterval(function, interval);

• function : 일정 시간 간격으로 반복 실행될 함수
• interval : 밀리초 단위의 시간 간격, 이 간격마다 함수가 실행됩니다.

예제

function sayHello() {
  console.log('Hello, World!');
}

// 2초마다 sayHello 함수가 반복 실행됨
const interval = setInterval(sayHello, 2000);

반복 타이머를 취소하려면 clearInterval함수를 사용합니다.

clearInterval(interval);