[JS] setTimeout, setInterval, clearTimeout, clearInterval

setTimeout(fn, 시간, (인수));

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

setTimeout 활용 기초

setInterval(fn, 시간, (인수));

• 일정 시간 간격으로 함수를 반복
• setTimeout 과 사용 방법이 같다.
• 주의: delay time을 0으로 줘도 바로 실행되지는 않는다. 이유는 현재 실행중인 스크립트가 종료된 이후 스케쥴링 함수를 실행하기 때문이다. 또한 브라우저는 4ms 의 지연시간을 가진다.

실행 순서

결과

 

clearTimeout(tId); clearInterval(tId);

• 예정된 작업을 없앤다.
• setTimout, setIntarval 은 time ID를 반환(return값)하는데, 이것을 이용해 스케쥴링을 취소할 수 있다.

기초 활용

 

5초 후에 함수가 종료되게 지정

ㄴ 결과