다중 타이머 질문 채택완료
브르그
5년 전
조회 3,219
타이머가 여러개 있고 한개의 스크립트로 돌리면
킬때마다 시간이 빨라지고 한개가 끝나면 멈춰버리는 현상이 있습니다.
이런경우에는 어떻게 해결 해야 될까요..
</p>
<p><script></p>
<p> time = 300; //45*60*10;</p>
<p> var running = 0;</p>
<p> </p>
<p>function increment(op,sp){</p>
<p> if(running == 1){</p>
<p> setTimeout(function(){</p>
<p> time--;</p>
<p> var mins = Math.floor(time/10/60);</p>
<p> var secs = Math.floor(time/10 % 60);</p>
<p> var hours = Math.floor(time/10/60/60); </p>
<p> var tenths = time % 10;</p>
<p> if(mins < 10){</p>
<p> mins = "0" + mins;</p>
<p> } </p>
<p> if(secs < 10){</p>
<p> secs = "0" + secs;</p>
<p> }</p>
<p> if(time <= 0) {</p>
<p> //result();</p>
<p> Myaudio.play();</p>
<p> document.getElementById(sp).style.backgroundColor = "red"; </p>
<p> document.getElementById(sp).style.borderColor = "red";</p>
<p> reset();</p>
<p> </p>
<p> }</p>
<p> document.getElementById(op).innerHTML = mins + ":" + secs ;</p>
<p> </p>
<p> increment(op,sp);</p>
<p> },100)</p>
<p> }</p>
<p>}</p>
<p>function startPause1(ch,op,sp){</p>
<p> </p>
<p> running = 1;</p>
<p> increment(op,sp);</p>
<p> document.getElementsByClassName(ch).innerHTML = "Pause";</p>
<p> document.getElementById(sp).style.backgroundColor = "green"; </p>
<p> document.getElementById(sp).style.borderColor = "green";</p>
<p>}</p>
<p> </p>
<p>function reset(op,sp){</p>
<p>running = 0;</p>
<p>time = 300; //45*60*10;</p>
<p>document.getElementsByClassName(ch).innerHTML = "Start";</p>
<p>document.getElementById(op).innerHTML = "00:00";</p>
<p>document.getElementById(sp).style.backgroundColor = "red"; </p>
<p>document.getElementById(sp).style.borderColor = "red";</p>
<p>}</p>
<p></script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인