     function btn_listener(event){  //버튼 리스너라는 이벤트 객체 선언 

        var hour = 0;
        var min  = 0;
        var sec  = 0;
        var timer;
        
        switch(event.target.id){    //각각 event 객체로 전달된 target 프로퍼티에서 id의 값을 알 수있다
             case 'start':
                alert("시작합니다!");

             timer = setInterval(function() {
                time++;
                min  = Math.floor(time/60);
                hour = Math.floor(min/60);
                sec  = time%60
                min  = min%60

                var th = hour;
                var tm = min;
                var ts = sec; 

                //두자릿수로 만들기
                function zero(num) {    //객체로 받아서 값 나오게 하기 
                    if (num < 10) {
                    num = "0" + num;
                    }
                    return num;
                }
                //화면에 표현하기
                document.getElementById("box").innerText =  zero(th) + ":" + zero(tm) + ":" + zero(ts);
                }, 1000); //1000ms 는 1초 간격
                break;
             case 'stop':
                clearInterval(timer);
                break;                          
            }
        }
 

전체 소스입니다.

해당 사항에서 setInterval은 작동한는데, clearInterval이 작동하지 않습니다. 무슨 문제일까요?

답변해주시면 감사하겠습니다ㅠㅠ

2개의 답변

#clearinterval 목록