javascript 시간 제어 함수 setTimeout(), setInterval(), clearTimeout()
JavaScript에서 시간 제어를 위해 사용되는 함수는 크게 두 가지가 있습니다.
- setTimeout() 함수는 일정 시간 후 함수를 한 번만 실행합니다.
- setInterval() 함수는 일정 시간 간격마다 함수를 반복해서 실행합니다.
두 함수의 사용법은 다음과 같습니다.
// setTimeout() 함수setTimeout(함수, 시간);// setInterval() 함수setInterval(함수, 시간);함수는 실행할 함수입니다.
시간은 밀리초(ms) 단위의 시간입니다.
setTimeout() 함수의 예는 다음과 같습니다.
// 10초 후 "Hello, world!"를 출력합니다.setTimeout(() => { console.log("Hello, world!");}, 10000);setInterval() 함수의 예는 다음과 같습니다.
// 1초마다 "1초 지났습니다."를 출력합니다.setInterval(() => { console.log("1초 지났습니다.");}, 1000);clearTimeout() 함수는 setTimeout() 함수를 취소하는 함수입니다.
// 10초 후 "Hello, world!"를 출력할 예정입니다.let timerId = setTimeout(() => { console.log("Hello, world!");}, 10000);// 5초 후 타이머를 취소합니다.clearTimeout(timerId);clearInterval() 함수는 setInterval() 함수를 취소하는 함수입니다.
// 1초마다 "1초 지났습니다."를 출력할 예정입니다.let timerId = setInterval(() => { console.log("1초 지났습니다.");}, 1000);// 5초 후 타이머를 취소합니다.clearInterval(timerId);