setTimeout setInterval

KHW·2021년 4월 15일
0

Javascript 지식쌓기

목록 보기
34/95
post-custom-banner

setTimeout vs setInterval

  • setTimeout을 이용해 일정 시간이 지난 후에 함수를 실행하는 방법
  • setInterval을 이용해 일정 시간 간격을 두고 함수를 실행하는 방법
let timerId = setInterval(() => alert('째깍'), 2000);

// 5초 후에 정지
setTimeout(() => { clearInterval(timerId); alert('정지'); }, 5000);

2초마다 째각 알람 2번발생후 5초뒤에 clearInterval에 의해 setInterval 관련 멈추고 alert정지 실행

let timerId = setInterval(() => alert('째깍'), 1500);

// 5초 후에 정지
 let setTimerId = setTimeout(() => { clearInterval(timerId); alert('정지'); }, 5000); 
clearTimeout(setTimerId)

2초마다 째각 알람 2번발생후 5초뒤에 setTimeout안의 함수내용을 실행하려는데 clearTimeout에 의해 실행되지 않으므르로 setInterval에 있는 함수가 계속 반복된다.
(즉, clearInterval(timerId) 가 실행되지않는다 )

profile
나의 하루를 가능한 기억하고 즐기고 후회하지말자
post-custom-banner

0개의 댓글