Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 JS动态显示当前时间(12/24小时制)的代码

JS动态显示当前时间(12/24小时制)的代码

发布时间:2014-10-19   编辑:www.jquerycn.cn
介绍一个javascript实现的动态显示当前时间的代码,12小时与24小时制都可以,有需要的朋友,可以参考下。

代码如下:

<script language="javascript">
/**
 * Js动态显示当前时间
 * Edit www.jbxue.com
*/
function nowTime(ev,type){
/*
 * ev:显示时间的元素
 * type:时间显示模式.若传入12则为12小时制,不传入则为24小时制
 */
//年月日时分秒
var Y,M,D,W,H,I,S;
//月日时分秒为单位时前面补零
function fillZero(v){
if(v<10){v='0'+v;}
return v;
}
(function(){
var d=new Date();
var Week=['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
Y=d.getFullYear();
M=fillZero(d.getMonth()+1);
D=fillZero(d.getDate());
W=Week[d.getDay()];
H=fillZero(d.getHours());
I=fillZero(d.getMinutes());
S=fillZero(d.getSeconds());
//12小时制显示模式
if(type && type==12){
//若要显示更多时间类型诸如中午凌晨可在下面添加判断
if(H<=12){
H='上午'+H;
}else if(H>12 && H<24){
H-=12;
H='下午'+fillZero(H);
}else if(H==24){
H='下午00';
}
}
ev.innerHTML=Y+'年'+M+'月'+D+'日 '+''+W+''+H+':'+I+':'+S;
//每秒更新时间
setTimeout(arguments.callee,1000);
})();
}
</script>

您可能感兴趣的文章:
JS动态显示当前时间(12/24小时制)的代码
js获取当前时间戳与日期比较
js 动态时间显示代码
Js页面时间实时更新的实现代码
javascript打印当前时间的示例代码
js动态显示时间(中国时间、美国时间)的代码
js动态时间显示实例二则
js显示动态时间实现代码
JS动态获取当前时间并写到特定区域的代码示例
js显示当前系统时间的代码分享

[关闭]