[Javascript] Timer (setTimeout, setInterval, clearInterval)

setTimeout

- 정해진 시간이 지나고 나면 주어진 함수를 실행해주는 타이머 메소드

setTimeout (실행할_함수, ms_단위의_시간)

// 1000ms 가 지나고 나면 함수를 실행! (한번)
setTimeout(function(){
    console.log("재미있다")
},1000)

 

setInterval

- 일정한 시간 간격에 따라 함수를 반복 실행할 수 있또록 해주는 타이머 메소드

- 0이 아닌 숫자를 반환 : 타이머의 ID

setInterval (반복_실행할_함수, ms_단위의_시간)

// 500ms 마다 함수를 반복 실행!
setInterval(function(){
    console.log("안녕하세요")
},500)

 

clearInterval

- 타이머의 ID를 clearInterval 메소드에 전달하면 해당 타이머의 반복을 제거/멈춤

// 셋팅된 타이머이 반환값(ID)을 변수에 저장
let timer;
timer = setInterval(function(){
    console.log("안녕하세요")
},500)

// 셋팅된 타이머를 멈춰주세요(취소해주세요)!!
clearInterval(timer)