Javascript & jQuery 실무제작 기초 스터디

4주차 - 타이머 김세환(hidepink@naver.com) / 2014.12.14 (sun)

JS로 타이머 만들기

타이머?

Q) 이제까지 본것들의 공통점은?

A) 딱 1번만 잽니다 시간을

딱 1번만 시간을 재고싶을 때

setTimeout을 씁니다

setTimeout(시간되면 할일,측정할 시간)

setTimeout(function(){ alert("Hello"); }, 3000);

3초 후에

이 일을 해라

딱 1번만

연습해보기http://www.w3schools.com/jsref/met_win_settimeout.asp

아참 이것도 setTimeout이죠

setTimeout(explode(), (7*60 + 55) * 1000);

저… 이거 꺼야할거 같은데요?

ㅇㅇ

ㅎㅎ 타임아웃을 끄면 되겠군 이럴땐 clearTimerout을 쓰면 되지

clearTimerout(이름…이름을 넣어야하는데);

setTimeout(explode(), (7*60 + 55) * 1000);

`

var myTimer = setTimeout(explode(), (7*60 + 55) * 1000);

나중에 끄고 싶다면 반드시 변수에 담아서 이름을 만들어주세요!

휴 이번엔 이름이 있겠지?

clearTimerout(myTimer);

power off

var myTimer = setTimeout(explode(), (7*60 + 55) * 1000);

연습해보기http://www.w3schools.com/jsref/

met_win_cleartimeout.asp

횟수가 1번이 아닌 타이머

setInterval(할일,시간) clearInterval(인터벌이름)

모양은 setTimeout과 똑같죠?

setInterval(function(){ alert("Hello"); }, 3000);

3초 마다

이 일을 해라

반복해서

정해둔 시간마다 시켜둔 일이

계속 반복됩니다

연습하기http://www.w3schools.com/jsref/met_win_setinterval.asp http://www.w3schools.com/jsref/met_win_clearinterval.asp

http://www.webdongne.com/bbs/bbs/board.php?bo_table=s_js_core_func2