Javascript_타이머 메소드

SetTimeout()

• 정해진 시간이 지나고 나면 주어진 함수를 실행해주는 타이머 메소드
• 사용방법

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

//1000ms 지나고 나서 함수 실행
setTimeout(function(){
	console.log("함수 실행")
}, 1000)

setInterval()

• 일정한 시간 간격에 따라 함수를 반복 실행할 수 있도록 하는 타이머 메소드
• 사용방법

//500ms가 지날 때 마다 함수를 반복 실행
setInterval(function(){
	console.log("함수 실행")
}, 500);

• 언젠가는 이걸 멈추고 싶다!
  => clearInterval()

clearInterval()

• setInterval 메소드가 호출되어 반복 실행할 함수 타이머를 등록하면 타이머는 0이 아닌 숫자를 반환
• 숫자는 타이머의 ID를 의미
• 이를 clearInterval 메소드에 전달하면 해당 타이머의 반복 실행이 취소됨
• 사용방법

//세팅된 타이머의 반환값(ID)를 변수에 저장
let timer;
timer = setInterval(function(){
	console.log("함수 실행")
}, 500)

//세팅된 타이머를 멈추기
clearInterval(timer)