타이머와 관련된 함수로는 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);
***타이머 함수 적용 시 타이머 해제 함수도 적용하기
'Javascript' 카테고리의 다른 글
반복문 (0) | 2024.08.24 |
---|---|
Promise와 axios, fetch (0) | 2024.08.24 |
배열에 특정 값이 포함되어 있는지 확인 (0) | 2024.08.24 |
문자열 자르기 (0) | 2024.08.24 |
mobile 100vh (0) | 2024.08.22 |