[JS] setTimeout & setInterval

---

알고있으면 좋은 Javascript Tip✨

---

setTimeout

• setTimeout과 setInterval는 기본적으로 무언가를 일정 간격을 두고 실행하도록 만들어주는 스케줄링 메서드이다.
• setTimeout 메서드는 한 번 실행 후 멈추게 된다.

setTimeout(() => {
  console.log('timeout');
}, 1000);

 

setInterval

• setInterval 메서드는 지정된 주기로 특정 코드를 실행 한다. 즉, 반복적으로 실행 한다.

setInterval(() => {
  console.log('timeout');
}, 1000);

 

둘의 차이점은?

• setInterval은 설정된 함수의 실행시간에 관계 없이, 간격으로 설정된 시간이 지나면 곧바로 다시 함수를 실행시킨다.
• 그에 반해 setTimeout은 함수가 끝나게 되면 다시 간격대로 함수를 실행시킨다.
• 예를 들어 setInterval과 setTimeout을 1초 간격으로 설정하여 2초가 걸리는 함수를 실행시킬 경우, setInterval 내 함수는 1초마다, setTimeout은 3초마다 실행되는 것이다.