<html>
<script language="JavaScript">
<!--
function clock() {
var time = new Date()
var hour = time.getHours()
var minute = time.getMinutes()
var second = time.getSeconds()
var store = " "
store += ((hour > 12) ? (hour - 12) : hour)
store += ((minute < 10) ? ":0" : ":") + minute
store += ((second < 10) ? ":0" : ":") + second
store += (hour >= 12) ? " P.M" : " A.M"
document.time.clock.value = store
setTimeout("clock()", 1000)
}
//카운트 다운 스크립트 시작
var hhVal = 0;
var mmVal = 0;
var ssVal = 0;
var cFlag = "Y";
function setMinute(){
cFlag = "Y";
document.tForm.hhVal.value="";
document.tForm.mmVal.value="";
document.tForm.ssVal.value="";
var minVal = document.tForm.minVal.value;
//시간
if( minVal/60 > 1){
hhVal = Math.floor(minVal/60);
mmVal = (minVal)%60;
ssVal = 0;
//분
}else{
mmVal = minVal;
ssVal = 0;
}
setTimeOn();
}
function setTimeOn(){
if(cFlag == "Y"){
if( ssVal == 0){
ssVal = 59;
if(mmVal == 0){
hhVal = hhVal - 1;
mmVal = 59;
if(hhVal == 0) hhVal = 0;
}else{
mmVal = mmVal - 1;
}
}else{
ssVal = ssVal - 1;
}
if (hhVal < 10 ) document.tForm.hhVal.value="0"+hhVal;
else document.tForm.hhVal.value= hhVal;
if (mmVal < 10 ) document.tForm.mmVal.value="0"+mmVal;
else document.tForm.mmVal.value= mmVal;
if (ssVal < 10 ) document.tForm.ssVal.value="0"+ssVal;
else document.tForm.ssVal.value= ssVal;
}
if( cFlag=="N" || (hhVal==0 && mmVal==0 && ssVal==0) ){
hhVal = 0;
mmVal = 0;
ssVal = 0;
document.tForm.hhVal.value= "00";
document.tForm.mmVal.value= "00";
document.tForm.ssVal.value= "00";
stopTime ();
}else{
setTimeout("setTimeOn()", 1);//최대 1000초
}
}
function stopTime (){
cFlag = "N";
alert("완료");
}
//카운트 다운 스크립트 종료
//-->
</script>
</head>
<body onLoad="clock()">
<form name="time">
현재 시간 : <input name="clock" size="12" value="" style="border:0">
</form>
<form name="tForm">
카운트할 시간(분 단위) 입력:<input name="minVal" size="4" maxlength="3" value="" >
<input type="button" value="카운트시작" onClick="javascript:setMinute()" />
<input name="hhVal" size="4" value="00" style="border:0">:<input name="mmVal" size="4" value="00" style="border:0">:<input name="ssVal" size="4" value="00" style="border:0">
</form>
<form name="sForm">
카운종료 <input type="button" value="카운트 종료" onClick="javascript:stopTime()">
</form>
</body>
</html>
'Language&FrameWorks > JavaScrip' 카테고리의 다른 글
| [JQuery] SelectBox 선택된 값 (0) | 2010.05.26 |
|---|---|
| DOM 을 사용한 Input 객체 추가 (0) | 2010.03.25 |
| 한글입력 (0) | 2009.10.12 |
| 마우스 제어 스크립트 (0) | 2009.10.12 |
| 특수문자처리 (0) | 2009.10.12 |
댓글