다중 타이머 질문

브르그

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2020-08-31 (월) 18:27:54 3,470

3731115165_1598865898.7588.png

타이머가 여러개 있고 한개의 스크립트로 돌리면

킬때마다 시간이 빨라지고 한개가 끝나면 멈춰버리는 현상이 있습니다.

이런경우에는 어떻게 해결 해야 될까요..

Copy

<script>

    time =  300; //45*60*10;

    var running = 0;

 

function increment(op,sp){

    if(running == 1){

        setTimeout(function(){

            time--;

            var mins = Math.floor(time/10/60);

            var secs = Math.floor(time/10 % 60);

            var hours = Math.floor(time/10/60/60); 

            var tenths = time % 10;

            if(mins < 10){

                mins = "0" + mins;

            } 

            if(secs < 10){

                secs = "0" + secs;

            }

            if(time <= 0) {

                //result();

                Myaudio.play();

                document.getElementById(sp).style.backgroundColor = "red";  

                document.getElementById(sp).style.borderColor = "red";

                reset();

                

                    }

            document.getElementById(op).innerHTML = mins + ":" + secs ;

            

            increment(op,sp);

        },100)

    }

}

function startPause1(ch,op,sp){

 

     running = 1;

    increment(op,sp);

    document.getElementsByClassName(ch).innerHTML = "Pause";

    document.getElementById(sp).style.backgroundColor = "green";    

    document.getElementById(sp).style.borderColor = "green";

}

 

function reset(op,sp){

running = 0;

time =  300; //45*60*10;

document.getElementsByClassName(ch).innerHTML = "Start";

document.getElementById(op).innerHTML = "00:00";

document.getElementById(sp).style.backgroundColor = "red";  

document.getElementById(sp).style.borderColor = "red";

}

</script>

스톱워치 타이머 그누보드5 카운트다운