From Evernote: |
自製javascript 檢查時間功能 |
與檢查日期功能相同原理。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=big5">
<title></title>
</head>
<body>
<script>
function chk_time()
{
//結果顯示物件初始
result_obj = document.getElementById("result");
result_obj.innerHTML="";
//取得輸入時間字串
d=document.getElementsByName('enter_time')[0].value;
//若時間字串非數值或不等於HHMMSS就結束
if(isNaN(d) || d.length != 6)
{
result_obj.innerHTML="時間格式有誤(HHMMSS)";
return false;
}
//用時間字串產生時間物件,兩者再分別比對時分秒是否一致
a = new Date();
a.setHours(parseInt(d.substr(0,2)));
a.setMinutes(parseInt(d.substr(2,2)));
a.setSeconds(parseInt(d.substr(4,2)));
result_obj.innerHTML="時間物件:"+a+"<br>輸入時間:"+d;
result_obj.innerHTML+="<br>物件的時:"+a.getHours()+" 輸入的時:"+ parseInt(d.substr(0,2));
result_obj.innerHTML+="<br>物件的分:"+(a.getMinutes())+" 輸入的分:"+ parseInt(d.substr(2,2));
result_obj.innerHTML+="<br>物件的秒:"+a.getSeconds()+" 輸入的秒:"+ parseInt(d.substr(4,2));
//比對時
if(a.getHours() != parseInt(d.substr(0,2)))
{
result_obj.innerHTML+="<BR>輸入時間有誤";
}
//比對分
else if(a.getMinutes() != parseInt(d.substr(2,2)))
{
result_obj.innerHTML+="<BR>輸入時間有誤";
}
//比對秒
else if(a.getSeconds() != parseInt(d.substr(4,2)))
{
result_obj.innerHTML+="<BR>輸入時間有誤";
}
else
{
result_obj.innerHTML+="<BR>輸入時間正確";
}
}
</script>
<input type="text" size="20" name="enter_time">
<input type="button" value="submit" onClick="chk_time()">
<br>
<div id="result">
</div>
</body>
</html>
沒有留言:
張貼留言