타이머 함수 - setTimeout(), setInterval()

타이머와 관련된 함수로는 setTimeout(), setInterval() 가 있다.

setTimeout()

• 설정한 시간이 지난 후 코드를 실행시킨다.

문법 : setTimeout(functionRef, delay, param) ( delay, param은 optional한 값 )

// functionRef (delay생략)
setTimeout(() => console.log("바로 실행"));

// functionRef & delay
setTimeout(() => console.log("5초 후에 실행됨"), 5000);

// param 사용
function weather(today, phrase) {
  console.log( today + ' 은 ' + phrase );
}

setTimeout(weather, 1000, "12/04", "화창해요");

 

clearTimeout ( setTimeout() 중지 함수 )

const startCode = setTimeout(() => console.log("5초 후에 실행됨"), 5000);

clearTimeout(startCode)

 

 

setInterval()

• 설정한 시간마다 코드를 실행시킨다.

문법 : setInterval(func, delay, arg) ( delay, arg은 optional한 값 )

setInterval(() => {console.log('5초마다 실행!')}, 5000);

 

clearInterval ( setInterval() 중지 함수 )

// 1초 간격으로 메시지를 보여줌
const timer = setInterval(() => console.log('1초!'), 1000);

// 5초 후에 정지
setTimeout(() => { clearInterval(timer); console.log('끝 !'); }, 5000);

 

 

***타이머 함수 적용 시 타이머 해제 함수도 적용하기