자바스크립트

자바스크립트 타이머설정

은둔한량 2013. 2. 18. 16:18
반응형

//tcounter=180; //3분설정
var tcounter = 10; //10초
var vProgress = false; //진행상태
var t1 = null;
function tstart(){ //초기 설정함수
 vProgress = IsProgress();
 if(vProgress){
  t1=setInterval(Timer,1000);  
 }
 document.getElementById('hdnProgress').value = '1';
}

function Timer(){ //시간표및 조건검사
 tcounter=tcounter-1; //1초식 감소

 temp=Math.floor(tcounter/60); // 분부분 두자리 계산 mm
 if ( Math.floor(tcounter/60) < 10 ) { temp = '0'+temp; }

 temp = temp + ":"; //mm:ss의 : 이부분추가 

 if ( (tcounter%60) < 10 ) { temp = temp + '0'; } //초부분 두자리 계산 ss
 temp = temp + (tcounter%60); 

 Dtimer.value=temp; // 시간 출력

  if(tcounter<0) tstop() // 3분후 완료
}

function tstop(){ //완료함수
 clearInterval(t1);
 Dtimer.value="00:10"
 document.getElementById('hdnProgress').value = "0";
 tcounter = 10;
}

function IsProgress(){ 
 if(document.getElementById('hdnProgress').value == '0'){
  return true;
 }else{
  return false;
 } 
}

function tpause(){ 
 clearInterval(t1);
 document.getElementById('hdnProgress').value = "0";
 tcounter = tcounter;
}
</xscript>


<input type=text name="Dtimer" style="text-align: center"value ="00:10">
<input type="button" value="시작" onclick="tstart()">
<input type="button" value="중지" onclick="tpause();">
<input type="hidden" name="hdnProgress" value="0">

반응형