使用iquery为博客园(或网站)添加动态显示时间(格式为:年 月 日 时间 星期几)...

1、显示样式

如图所示:

时间为动态显示。

2、添加方法

在你需要的位置插入如下代码即可:

<!--时间调用-->
<div style="background: pink;text-align:center;" id="Timer"></div>
<script type="text/javascript">  
    $(function() {  
        setInterval("GetTime()", 1000);  
    });  
  
    function GetTime() {  
        var mon, day, now, hour, min, ampm, time, str, tz, end, beg, sec;  
        /*  
        mon = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug",  
                "Sep", "Oct", "Nov", "Dec");  
        */  
        mon = new Array("1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月",  
                "9月", "10月", "11月", "12月");  
        /*  
        day = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");  
        */  
        day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");  
        now = new Date();  
        hour = now.getHours();  
        min = now.getMinutes();  
        sec = now.getSeconds();  
        if (hour < 10) {  
            hour = "0" + hour;  
        }  
        if (min < 10) {  
            min = "0" + min;  
        }  
        if (sec < 10) {  
            sec = "0" + sec;  
        }  
        $("#Timer").html(  
                "<nobr>" + now.getFullYear() + "" + mon[now.getMonth()] + now.getDate() + "" + "&nbsp;&nbsp;"
                         + hour + ":" + min + ":" + sec + "&nbsp;&nbsp;" + day[now.getDay()] + "</nobr>");
  
    }  
</script>

 时间的显示格式自己可以调整。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值