软件学堂

网游分类软件分类

JS实现显示英文的上、下午时间标签

2012-11-06 来源:网络

【实例名称】

JS实现显示英文的上、下午时间标签

【实例描述】

显示的时间信息默认是24小时制,如果要显示成上、下午样式的时间,就是将时间显示成12小时制样式。本例通过获取当前时间的小时数与12进行比较,以判断显示的时间是上午还是下午。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> </head> <body> <script LANGUAGE="JavaScript">     myDate = new Date();         //创建日期对象,获取当前日期                                 //获取日期中的月、日、年     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.";             //如果时间已经是下午(大于12点)则显示p.m.     }     else {     Time = " A.M.";             //如果时间小于12点,则显示a.m.     }     if (Hours > 12) {           //如果小时数大于12,则减12,主要是为了显示上午和下午     Hours -= 12;     }     if (Hours == 0) {           //0点时显示12点     Hours = 12;     }     Mins = myDate.getMinutes(); //获取当前的分钟数     if (Mins < 10) {     Mins = "0" + Mins;          //如果分钟数小于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”等方法,用来实现时间中某一部分(如分、秒等)的获取。

【源码下载】

为了JS代码的准确性,请点击:js显示英文的上下、午时间标签 进行本实例源码下载 

上一篇:js代码实现页面访问时间限制
下一篇:用JavaScript制作的特色时钟

相关文章