[JavaScript] setInterval(), setTimeout(), clearInterval() 정리

setInterval(), setTimeout(), clearInterval()

일정한 간격으로 코드 실행

setInterval()

• 일정한 시간 간격으로 코드를 반복 실행합니다.

setTimeout()

• 일정한 시간 후에 코드를 한 번 실행하고 종료합니다.

clearInterval()

• setInterval() 메서드를 종료합니다.

즉, setTimeout() 메서드는 정한 시간 후에 코드를 한 번 실행하고 종료하지만,

setInterval() 메서드는 clearInterval() 메서드를 호출하지 않는 한 일정 시간

간격으로 계속 코드를 반복 실행합니다.

예시

setTimeout()

setTimeout(() => {
  alert('알림');
}, 3000);

3초 후에 alert() 메서드 실행 후 종료

setInterval()

const a = setInterval(() => {
  console.log('알림');
}, 3000);

// 나중에 종료하려면 clearInterval(a) 호출
clearInterval(a);