자바스크립트 setTimeout과 setInterval 함수

setTimeout과 setInterval 함수는 시간을 설정해서 함수를 실행시킬 수 있습니다. 함수는 익명 함수를 인자로 넣어주면 설정된 시간이 되면 실행이 됩니다.

 

setTimeout 함수는 시간을 설정하면 해당 시간이 되면 한번 실행하고 종료가 됩니다. 종료 시키고 싶다면 실행할 때 id를 변수에 설정해서 clearTimeout 함수에 입력하면 됩니다.

 

setInterval 함수는 시간을 설정하면 해당 시간 만큼 일정한 간격으로 반복 실행이 되고 종료가 되지 않습니다. 종료 시키고 싶다면 실행 할 때 id를 변수에 설정해서 clearInterval 함수에 입력하면 됩니다.

 

사용법

 

const id1 = setTimeout(() => {
  console.log("hello");
}, 3000); // 3초후 실행 한번

clearTimeout(id1); // 실행 취소

const id2 = setInterval(() => {
  console.log("hello");
}, 2000); // 2초 간격으로 실행

clearInterval(id2); // 실행 취소