[jQuery] 제이쿼리 일정시간후 처리 - setTimeout(), clearTimeout()

제이쿼리 일정시간후 처리 - setTimeout(), clearTimeout()

1. 구현

1) setTimeout(fn, 시간)

- 반환 값은 타이머를 식별하기 위한 id 값이다, id를 clearTimeout에 전달함으로 타이머 정지할 수 있다

2) clearTimeout(타이머 id)

3) 예

$(function(){ var timer; $('#start').click(function(){ timer = setTimeout(function(){ window.alert(new Date()); },5000); }); $('#stop').click(function(){ clearTimeout(timer); }); });

- start 버튼을 누룬후 5초 후에 팝업이 열린다

- stop을 누루면 timer가 멈춘다