zoukankan      html  css  js  c++  java
  • 使用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>

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

  • 相关阅读:
    Cookie
    精英讲师培训笔记03-如何与台下观众有效互动
    精英讲师培训笔记02-培训师手势如何做
    精英讲师培训笔记01-提升口才的三个心法
    "怒海争锋"沙盘培训思考
    logback问题集
    spring boot2 启动过程
    Connect reset
    ELK 安装及使用
    常用中文教程网站
  • 原文地址:https://www.cnblogs.com/dinphy/p/5873966.html
Copyright © 2011-2022 走看看