2013年4月23日 星期二

自製javascript 檢查時間功能

From Evernote:

自製javascript 檢查時間功能

與檢查日期功能相同原理。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<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()+"&nbsp;&nbsp;輸入的時:"+ parseInt(d.substr(0,2));
    result_obj.innerHTML+="<br>物件的分:"+(a.getMinutes())+"&nbsp;&nbsp;輸入的分:"+ parseInt(d.substr(2,2));
    result_obj.innerHTML+="<br>物件的秒:"+a.getSeconds()+"&nbsp;&nbsp;輸入的秒:"+ 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>

沒有留言:

張貼留言