JS實(shí)現(xiàn)顯示英文的上、下午時間標(biāo)簽

2012/11/6 10:23:33作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

【實(shí)例描述】

顯示的時間信息默認(rèn)是24小時制，如果要顯示成上、下午樣式的時間，就是將時間顯示成12小時制樣式。本例通過獲取當(dāng)前時間的小時數(shù)與12進(jìn)行比較，以判斷顯示的時間是上午還是下午。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（wangbatian.cn）</title>
</head>
<body>
<script LANGUAGE="JavaScript">
    myDate = new Date();         
//創(chuàng)建日期對象，獲取當(dāng)前日期
                                
//獲取日期中的月、日、年
    document.write('<font size="2" face="Arial"><B>' 
+ (myDate.getMonth() + 1) +"/"+myDate.getDate()+ 
"/"+myDate.getYear() + '</B></font><BR>');
    var Hours;
    var Mins;
    var Time;
    Hours = myDate.getHours();  
//獲取小時
    if (Hours >= 12) {
    Time = " P.M.";             
//如果時間已經(jīng)是下午（大于12點(diǎn)）則顯示p.m.
    }
    else {
    Time = " A.M.";             
//如果時間小于12點(diǎn)，則顯示a.m.
    }
    if (Hours > 12) {           
//如果小時數(shù)大于12，則減12，主要是為了顯示上午和下午
    Hours -= 12;
    }
    if (Hours == 0) {           
//0點(diǎn)時顯示12點(diǎn)
    Hours = 12;
    }
    Mins = myDate.getMinutes(); 
//獲取當(dāng)前的分鐘數(shù)
    if (Mins < 10) {
    Mins = "0" + Mins;          
//如果分鐘數(shù)小于10，則前面補(bǔ)0
    }    
    document.write('<font size="2" face="Arial">
<B>' + Hours + ":" + Mins + Time + '</B></font>');
</script>
</body>
</html>
 

 
【運(yùn)行效果】

顯示英文的上、下午時間標(biāo)簽運(yùn)行效果

【難點(diǎn)剖析】

本章的重點(diǎn)是獲取月、日、年、小時和分的一些方法。Date對象是JaVaScript的標(biāo)準(zhǔn)時間對象，其提供的時間包含“年、月、日”和“時、分、秒”。此對象也提供“getYear”、“getMonth”、“gatDate”、“getHours”、“getMinutes”和“getSeconds”等方法，用來實(shí)現(xiàn)時間中某一部分(如分、秒等)的獲取。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請點(diǎn)擊：js顯示英文的上下、午時間標(biāo)簽進(jìn)行本實(shí)例源碼下載

標(biāo)簽： JS實(shí)現(xiàn) 時間