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

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

移動端

【實例名稱】

【實例描述】

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

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（yzddtk.cn）</title>
</head>
<body>
<script LANGUAGE="JavaScript">
    myDate = new Date();         
//創(chuà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點）則顯示p.m.
    }
    else {
    Time = " A.M.";             
//如果時間小于12點，則顯示a.m.
    }
    if (Hours > 12) {           
//如果小時數(shù)大于12，則減12，主要是為了顯示上午和下午
    Hours -= 12;
    }
    if (Hours == 0) {           
//0點時顯示12點
    Hours = 12;
    }
    Mins = myDate.getMinutes(); 
//獲取當前的分鐘數(shù)
    if (Mins < 10) {
    Mins = "0" + Mins;          
//如果分鐘數(shù)小于10，則前面補0
    }    
    document.write('<font size="2" face="Arial">
<B>' + Hours + ":" + Mins + Time + '</B></font>');
</script>
</body>
</html>
 

 
【運行效果】

顯示英文的上、下午時間標簽運行效果

【難點剖析】

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

【源碼下載】

為了JS代碼的準確性，請點擊：js顯示英文的上下、午時間標簽進行本實例源碼下載

標簽： JS實現(xiàn) 時間