[JS] 스케쥴링하는 setTimeout() & setInterval()

setTimeout과 setInterval은 비슷한 효과를 내지만
setTimeout이 한 번만 실행된다 하면, setInterval은 지정한 시간마다 주기적으로 지정한 함수를 실행한다.

setInterval(() => {
  // 내용
}, 밀리세컨);

---

setInterval은 clearInterval이라는 함수로 취소할 수 있다. (setTimeout은 clearTimeout 함수로 취소)
다만, clearTimeout은 setTimeout에 지정한 함수가 아직 실행되지 않았을 때만 취소할 수 있음.

let 변수 = setInterval(함수, 밀리세컨);
clearInterval(변수);

let 변수 = setTimeout(함수, 밀리세컨);
clearTimeout(변수);

---

⚡ 간결한 코드 Tip : || 을 사용한 코드는 배열의 includes, indexOf 메서드로 반복을 줄일 수 있다.

diff === 'aa' || diff === 'bb' || diff === 'cc' || diff === 'dd'

// 또는
['aa', 'bb', 'cc', 'dd'].includes(diff)

// 또는
['aa', 'bb', 'cc', 'dd'].indexOf(diff) > -1

---

※ 참고 : ZeroCho Tv - ES2021 자바스크립트 강좌