當(dāng)前位置：軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > JS實(shí)現(xiàn)12小時(shí)制和24小時(shí)制的轉(zhuǎn)換

JS實(shí)現(xiàn)12小時(shí)制和24小時(shí)制的轉(zhuǎn)換

2012/11/5 12:34:13作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

JS實(shí)現(xiàn)12小時(shí)制和24小時(shí)制的轉(zhuǎn)換

【實(shí)例描述】

表示時(shí)間的方式有24小時(shí)制和12小時(shí)制。如果是12小時(shí)制的時(shí)間，通常顯示“上午”或“下午”。本例學(xué)習(xí)如何實(shí)現(xiàn)小時(shí)制間的轉(zhuǎn)換。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂（m.wangbatian.cn）</title>
<SCRIPT LANGUAGE="JavaScript">
function timeType() {
    if (document.form.showTimeType[0].checked) { 
//判斷選擇的是哪個(gè)類型-24小時(shí)就返回true
    return true;
}
return false;
}
function showTheHours(theHour) {
    if (timeType() || (theHour > 0 && theHour < 13)) {
//如果時(shí)間在12小時(shí)內(nèi)
    return (theHour);
    }
    if (theHour == 0) {                              
//如果時(shí)間等于0
        return (12);
    }
    return (theHour-12);                            
 //如果時(shí)間大于12，需要減去12-針對(duì)12小時(shí)制
}
function showZeroFilled(inValue) {
    if (inValue > 9) {                             
 //設(shè)置分鐘數(shù)的兩位數(shù)顯示，不足兩位補(bǔ)0
    return "" + inValue;
    }
    return "0" + inValue;
    }
    function showAmPm() {                          
//顯示上午或下午的方法
    if (timeType()) {
    return ("");
    }
    if (now.getHours() < 12) {  
//判斷日期，顯示12小時(shí)制的中文提示
    return (" 上午");
    }
    return (" 下午");
}
function showTheTime() {    
//顯示時(shí)間的方法
    now = new Date          
//獲取當(dāng)前時(shí)間
    document.form.showTime.value = showTheHours(now.getHours()) 
+ ":" + showZeroFilled(now.getMinutes()) + ":" + 
showZeroFilled(now.getSeconds()) + showAmPm()
    setTimeout("showTheTime()",1000)  
//每隔1秒更新時(shí)間
}
</script>
</head>
<BODY onLoad="showTheTime()">
<center><form name=form>
<input type=text name=showTime size=11><p>
<input type=radio name=showTimeType checked>24小時(shí)<br>
<input type=radio name=showTimeType>12小時(shí)<br>
</form></center></body>
</html>

【運(yùn)行效果】

 12小時(shí)制和24小時(shí)制的轉(zhuǎn)換運(yùn)行效果

【難點(diǎn)剖析】

本例的難點(diǎn)是12小時(shí)制日期的顯示問(wèn)題。默認(rèn)的顯示時(shí)間是24小時(shí)制，如果顯示12小時(shí)制，需要判斷時(shí)間是否在12小時(shí)內(nèi)，如果小于12小時(shí)，只需要原樣顯示時(shí)間，同時(shí)為時(shí)問(wèn)添加“上午”標(biāo)識(shí)；如果大于12小時(shí)，則需要減去12，并添加“下午”標(biāo)識(shí)。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請(qǐng)點(diǎn)擊：12小時(shí)制和24小時(shí)制的轉(zhuǎn)換 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽： JS  時(shí)制  轉(zhuǎn)換