웹동네 스터디 4주차-자바스크립트기초4

1. Javascript & jQuery
실무제작 기초 스터디
4주차 - 타이머
김세환(hidepink@naver.com) / 2014.12.14 (sun)

2. JS로 타이머 만들기

3. 타이머?

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

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

9. 딱 1번만
시간을 재고싶을 때
setTimeout을 씁니다

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

11. 3초 후에
setTimeout(function(){ alert("Hello"); }, 3000);
이 일을 해라
딱 1번만

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

13. 아참 이것도
setTimeout이죠

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

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

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

17. setTimeout(explode(), (7*60 + 55) * 1000);
clearTimerout(이름…이름을 넣어야하는데);

18. `
나중에 끄고 싶다면
반드시 변수에 담아서
이름을 만들어주세요!
var myTimer =
setTimeout(explode(), (7*60 + 55) * 1000);

19. 휴 이번엔 이름이 있겠지?

20. var myTimer =
setTimeout(explode(), (7*60 + 55) * 1000);
power off
clearTimerout(myTimer);

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

22. 횟수가 1번이 아닌 타이머

23. setInterval(할일,시간)
clearInterval(인터벌이름)
모양은 setTimeout과 똑같죠?

24. 3초 마다
setInterval(function(){ alert("Hello"); }, 3000);
이 일을 해라
반복해서

25. 정해둔 시간마다
시켜둔 일이
계속 반복됩니다

26. 연습하기
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