프론트엔드 개발/Javascript

자바스크립트 - setTimeout, setInterval

snowman95 2021. 8. 21. 20:40
728x90
반응형

setTimeout, setInterval


setTimeout

일정 시간이 지난 후 함수 실행

setTimeout(함수, 시간ms)
setTimeout(함수, 1000)        1초 후 함수실행

setTimeout(함수, 시간ms, 인수)
setTimeout(함수, 1000, 'abc') 1초 후 함수에 'abc'를 인수로 넘기고 실행

const tID = setTimeout(함수, 시간ms, 인수) tID를 반환함.
clearTimeout(tID);                        tID를 이용하여 스케줄링 취소

 

setInterval

일정 시간 대기하며 계속 함수 반복 실행

setInterval(함수, 시간ms)
setInterval(함수, 1000)        1초 후 함수실행

setInterval(함수, 시간ms, 인수)
setInterval(함수, 1000, 'abc') 1초 후 함수에 'abc'를 인수로 넘기고 실행

const tID = setInterval(함수, 시간ms, 인수) tID를 반환함.
clearTimeout(tID);                         tID를 이용하여 스케줄링 취소

 

시간을 0으로 주더라도 바로 실행되는 것은 아니다.

브라우저는 기본적인 대기 시간이 있으며, 실행중인 스크립트가 종료된 후에 스케줄링이 시작되기 때문.

반응형