박시은

(❁´◡`❁)

최대 1 분 소요


함수를 주기적으로 반복적으로 실행하고 중단하기 위해 아래와 같은 함수를 사용한다.


1. setInterval

일정시간 마다 함수를 반복적으로 실행하는 함수이다.

  • 시간은 1ms 단위이며, 1초마다 실행시키고싶으면 1000ms 를 쓰면 된다.
  • handler 는 반복적으로 실행할 함수를 말한다.
setInterval(handler, 시간);


  • Hello!라는 문자열을 콘솔에 3초에 1번씩 실행하는 타이머를 설정한다.
function test() {
  console.log("Hello!");
}
setInterval(test, 3000);



2. setInterval

setInterval의 실행을 멈추게하는 함수이다.

clearInterval(setInterval로 생성된 함수)


  • 5초 후에 clearInterval() 함수를 사용하여 타이머 중단하는 함수이다.
setTimeout(function () {
  clearInterval(intervalId);
}, 5000);



3. 참조

  1. https://programming119.tistory.com/89
  2. https://steady-dev.tistory.com/192
  3. https://kyounghwan01.github.io/blog/JS/JSbasic/intervalFunction/#setinterval

댓글남기기

참고