타이머 멈추기 clearInterval

clearInterval(timerID);

timerID : 제거할 타이머id

리턴값은 없음

 

 

예제) 1초에 한번씩 숫자 값 출력하기

변수값을 1초에 한 번 1씩 증가시키고 이 값을 화면에 출력하게하고 정지버튼을 누르면 더이상 실행되지 않는다,

 

    <script>

        $(document).ready(function() {

            var $output = $("#output");
            var count = 0;
            var timerID = 0;

            timerID = setInterval(function() {
                // 값 증가
                count++;
                // 값을 출력
                $output.text(count);
            }, 1000);


            $("#stop").click(function() {
               clearInterval (timerID);
            });

        })

    </script>