몇 초후에 한번 실행 , 초 마다 반복 실행
안녕하세요.
고코더 입니다.
제 홈페이지 고코더넷(http://gocoder.net)에
학생분이 질문을 남기셔서
열코딩 하다 강의 작성 모드로 스위치를 바꿨습니다.
문의한 사항은 이렇습니다.
요즘 학생분들이 코딩 많이 하시네요.
(덕분에 선생님 소리도 들어보네요)
좋은 현상입니다.
차이점 이론
● 1. setTimeout()
이 메서드는
일정 시간 후에 함수를 한번!
실행합니다.
setTimeout(function(){alert('gocoder.net')}, 1000); // 1초 후에 스크립트 실행
● 2. setInterval()
이 메서드는
해당 시간마다 반복해서 함수를
실행합니다.
예제로 실행해봐요
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <html> <head> <script type="text/javascript"> var cnt = 0; setTimeout(function(){ cnt = cnt + 1; alert('setTimeout gocoder.net ('+cnt+')'); }, 500) setInterval(function(){ cnt = cnt + 1; alert('setInterval gocoder.net ('+cnt+')'); }, 1000) </script> </head> </html> | cs |
gocoder_set.html처음에 나타나는 경고문은 0.5초만엨
setTimeout 을 이용해 한번 실행 되고
이후에 영원히 이 경고창이 실행 됩니다
마무리
학원에서 배우시고 계신 이 두 메서드는
실무에서도 정말 많이 사용 하고
유용한 기능 입니다.
'IT_Developers > Javascript' 카테고리의 다른 글
| console.log - 콘솔 로그 스타일 입히기 (0) | 2019.07.11 |
|---|---|
| jQuery - Div등 요소의 크기 조절, 사이즈 가져오기 / width(), hegiht(); (1) | 2019.06.19 |
| jQuery UI - 이미지 드래그, 리사이징 / resizable() draggable() (0) | 2019.06.11 |
| jQuery UI - Div 강조하기 / effect highlight (0) | 2019.06.03 |
| JavaScript - 사파리에서 body, HTML에 클릭(click) 이벤트가 바인딩 되지 않는다. (0) | 2019.05.22 |
댓글