您现在的位置: 365建站网 > 365文章 > 不错的JS显示时间特效

不错的JS显示时间特效

文章来源:365jz.com     点击数:383    更新时间:2011-02-28 21:38   参与评论

</>code

  1. 1 function nowTime(ev,type){
    2 /*
    3 * ev:显示时间的元素
    4 * type:时间显示模式.若传入12则为12小时制,不传入则为24小时制
    5 */
    6 //年月日时分秒
    7   var Y,M,D,W,H,I,S;
    8 //月日时分秒为单位时前面补零
    9 function fillZero(v){
    10 if(v<10){v='0'+v;}
    11 return v;
    12 }
    13 (function(){
    14 var d=new Date();
    15 var Week=['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
    16 Y=d.getFullYear();
    17 M=fillZero(d.getMonth()+1);
    18 D=fillZero(d.getDate());
    19 W=Week[d.getDay()];
    20 H=fillZero(d.getHours());
    21 I=fillZero(d.getMinutes());
    22 S=fillZero(d.getSeconds());
    23 //12小时制显示模式
    24 if(type && type==12){
    25 //若要显示更多时间类型诸如中午凌晨可在下面添加判断
    26 if(H<=12){
    27 H='上午 '+H;
    28 }else if(H>12 && H<24){
    29 H-=12;
    30 H='下午 '+fillZero(H);
    31 }else if(H==24){
    32 H='下午 00';
    33 }
    34 }
    35 ev.innerHTML=Y+''+M+''+D+''+' '+W+' '+H+':'+I+':'+S;
    36 //每秒更新时间
    37 setTimeout(arguments.callee,1000);
    38 })();
    39 }

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (383人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号