메서드 setInterval/clearInterval/setTimeout

setInterval

 

• setInterval 이란?

각 함수 호출 사이에 고정된 시간 지연으로 함수를 반복적으로 호출한다.
반복해서 매개변수로 받은 콜백함수의 로직을 수행한다.

 

• 기본구문

setInterval(반복하여 실행할 코드,지연시간(1000===1초),추가인수(선택))

 

• 사용예시

setInterval(func,10000) // func 함수가 10초에 한번씩 실행된다.

clearInterval

• clearInterval 이란?

setInterval 을 호출하여 생성한 타이머에 의해 반복되는 작업을 취소하는 역할이다.

 

• 기본구문

clearInterval(intervalID(취소할 작업의 식별자:변수명))

 

• 사용예시

let num = 0; // 변수값
let nums = () => {
  console.log(num);//함수 nums를 호출할때마다 num의 값을 출력해준다.

  if (++num > 10) clearInterval(stop); //출력할때마다 num의 1씩 추가해주고 10보다 크다면 작업을 준단해준다.
};
let stop = setInterval(nums, 1000); //intervalID 지정

---

setTimeout

 

• setTimeout 이란?

일정 시간이 지난후 특정코드를 실행할 수 있도록 하는 함수이다.
비동기적으록 작동하며 단 한번 실행되는 타이머를 설정할 수 있다.

 

• 기본구문

setTimeout(함수,타이머,추가인수(선택))

 

• 사용예시

//함수 정의
let obj1 = {
  name: "obj1",
  func: function () {
    console.log(this.name);
  },
};
///////////////////////////////
let obj2 = { name: "obj2" };
///////////////////////////////
setTimeout(obj1.func.bind(obj1), 1000); //obj1을 1초후 실행한다.
setTimeout(obj1.func.bind(obj2), 1500); //obj2를 1.5초후 실행한다.