本站已稳定运行了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()"

如下：

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

搞定。

posted @ 2015-12-20 16:59  申杰博客  阅读(1037)  评论(0)  编辑  收藏  举报