웹동네 스터디 4주차-자바스크립트기초4
Post on 05-Aug-2015
103 Views
Preview:
TRANSCRIPT
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
top related