setTimeout()과 setInterval()

📌  setTimeout()

setTimeout()이란 특정시간이 지난 다음에 코드를 실행하는 함수입니다.

자바스크립트에서 일종의 타이머의 기능이라고 할 수 있죠 ㅎㅎ

 

사용예시

setTimeout(function () {
  console.log("타이머입니다.");
}, 2000);

위 코드는 console.log에 2초 후에 "타이머입니다"출력하는 함수입니다.

*setTime을 사용할때 시간은 밀리초를 사용하여야 합니다!

 

📌  setInterval()

setInterval()은 함수를 주기적으로 실행할 때 사용됩니다

 

사용예시

setInterval(function () {
  console.log("hello");
}, 1000);

위코드는 console.log에 1초마다 hello를 출력하는 함수입니다. 하지만 setInterval()은 setTimeout()과 달리 무한으로 실행되기 때문에 꼭 종료를 해주어야 합니다.

 

 종료방법

const helloId = setInterval(function () {
  console.log("hello");
}, 1000);

setTimeout(function () {
  clearInterval(helloId);
}, 5000);

기존 함수에 변수로 담아주어 clearInterval로 종료해 주면 가능합니다 😆