자바 스크립트 setInterval, clearInterval (타이머)

JavaScript & HTML

by husks 2014. 5. 22. 15:47

1초마다 숫자 카운트가 올라가며 10이 되면 멈추는 소스 입니다.

간단한 소스이니 따라해보시면 됩니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!doctype html>
<html lang="ko">
    <head>
        <meta charset="utf-8">
        <title>setInterval Test</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script>
 
            var num = 0;
            var intervalTest;
             
            $( document ).ready( function() {
 
                intervalTest = setInterval("test()", 1000);//간격 1초로 반복 타이머 설정
 
            } );
          
            function test() {
 
                num++;
                $('#time').attr('value',num);//숫자 카운트 표시
                if(num==10){
                    clearInterval(intervalTest);//num이 10이 되면 타이머를 해제
                }
 
            }
 
        </script>
    </head>
    <body>
        <input type="text" id="time"/>
    </body>
</html>

'JavaScript & HTML' 카테고리의 다른 글

fancybox 사이즈 조절 (0)	2014.05.22
select box 고정하기 (0)	2014.05.22
jQuery 버튼값 가져오기 (0)	2014.04.17
브라우저별 이미지 크기 변경 (0)	2014.04.10
jQuery 탭(tab) 메뉴 모음 (0)	2014.04.08