타이머 함수 : setTimeout() & setInterval()

gogori6565·2022년 7월 9일
0

JavaScript

목록 보기
8/10

setTimeout()

: 코드를 바로 실행하지 않고 일정시간 기다린 후 실행시키는 함수

  • 첫번째 인자 : 실행할 코드를 담고 있는 함수
  • 두번째 인자 : 지연시간(ms)
setTimeout(()=>{
	console.log("1초 후에 실행됩니다.");
}, 1000);

clearTimeout()

: 실행되고 있는 timeout을 중지

만약, setTimeout() 함수를 변수에 담는다면,

const timeoutId = setTimeout(() => console.log("1초 후에 실행됩니다."), 1000);

실행시키고 싶은 경우

timeoutId;

실행될 코드를 취소시키고 싶은 경우

clearTimeout(timeoutId);

setInterval()

: 코드를 일정한 시간 간격을 두고 반복 실행시키는 함수
-> 웹페이지의 특정 부분을 주기적으로 업데이트 하거나, 어떤 API로부터 변경된 데이터를 주기적으로 받아와야 하는 경우 사용

  • 첫번째 인자 : 실행할 코드를 담고 있는 함수
  • 두번째 인자 : 반복 주기(ms)
var num=1;

setInterval(()=>{
    console.log("%d번째 반복입니다.",num);
    num++;
},1000);

1초 주기로 반복되며 문자열을 출력한다

clearInterval()

: 실행되고 있는 interval 을 중지

profile
p(´∇`)q

0개의 댓글