JavaScript
타이머 API ( setTimeout, setInterval, clearInterval)
행복주의자
2021. 9. 19. 23:15
1. setTimeout(callback, millisecond)
- 일정 시간 후에 함수 실행
- arguments : 실행할 callback함수, callback함수 실행 전 기다려야 할 시간(밀리초)
- return값 : 임의의 타이머 ID
setTimeout(() => {console.log('1초 후 실행'}, 1000)
//1초 후, 콘솔창에 '1초 후 실행' 뜬다.
2. setInterval(callback, millisecond)
- 일정 시간을 가지고 함수를 반복적으로 실행
- arguments : 실행할 callback함수, 반복적으로 함수를 실행시키기 위한 시간간격(밀리초)
- return값 : 임의의 타이머 ID
setInterval(() => {console.log('1초마다 실행'}, 1000)
//1초마다, 콘솔창에 '1초마다 실행' 뜬다.
3. clearInterval(timerId)
- 반복 실행중인 타이머 종료
- arguments : 타이머 ID
- return value : 없음
const timer = setInterval(() => {console.log('1초 마다 실행'}, 1000); // timer === 타이머ID
clearInterval(timer);
//더이상 반복 실행되지 않음