타이머와 관련된 함수로는 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);
끝으로 …
타이머 함수 적용 시 타이머 해제 함수도 적용하기