zoukankan      html  css  js  c++  java
  • 本站已稳定运行了XX天,网页时间显示功能实现方法

    这个是我昨晚上添加的效果,

    分为三个部分:
    1.本站已稳定运行了多少天的实现:
    直接把下面代码复制到后台你想添加的位置即可。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    本站已稳定运行了
    <strong><script language="JavaScript" type="text/javascript">
    var urodz= new Date("9/25/2015");
    var now = new Date();
    var ile = now.getTime() - urodz.getTime();
    var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
    document.write(+dni)
    </script>
    </strong>天

    2.年月日,星期几的实现:
    直接把下面代码复制到后台你想添加的位置即可。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <script>
    var mydate=new Date()
    var year=mydate.getYear()
    if (year < 1000)
    year+=1900
    var day=mydate.getDay()
    var month=mydate.getMonth()
    var daym=mydate.getDate()
    if (daym<10)
    daym="0"+daym
    var dayarray=new Array("星期天","星期一","星期二","星期三","星期四","星期五","星期六")
    var montharray=new Array("1","2","3","4","5","6","7","8","9","10","11","12")
    document.write(year+"年"+montharray[month]+"月"+daym+"日"+" "+dayarray[day])
    </script>

    3.时分秒和刷新效果的实现:
    首先把下面代码复制到后台你想添加的位置,

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    <div id="timetxt"></div>
    <script>
        function startTime(){
            var today=new Date();
            var h=today.getHours();
            var m=today.getMinutes();
            var s=today.getSeconds();
            h=checkTime(h);
            m=checkTime(m);
            s=checkTime(s);
            document.getElementById("timetxt").innerHTML=h+"时"+m+"分"+s+"秒";
            t=setTimeout(function(){
                startTime();
            },1000);
        }
        function checkTime(i){
            if(i<10){
                i="0"+i;
            }
            return i;
        }
    </script>

    然后在header.php的找到,然后在里面加上

    1
    onload="startTime()"

    如下:

    然后保存即可。刷新一下页面,你就会看到效果。

    搞定。

  • 相关阅读:
    windows 获取用户的Sid的方法
    sql replace
    jquery ajax超时设置
    tomcat绑定域名
    .Net webservice动态调用
    JAVA SSH 框架介绍
    第一个Nodejs程序
    linux-CentOS6.4下安装oracle11g详解
    CentOS 6.5系统上安装MySQL数据库
    CentOS6.5安装tomcat7
  • 原文地址:https://www.cnblogs.com/shenjieblog/p/5061264.html
Copyright © 2011-2022 走看看