酷米社区

【网站】网站底部统计运行时间-代码设计

884人参与 |分类: 网页代码|时间:2019年02月16日 11:40

1. 前言

许多建站的小伙伴都希望自己的网站有一个运行时间统计,可以给自己继续走下去多一些动力。 
所以我今天要分享一段兼容性很好的脚本代码,来实现此功能。

2.核心代码

<center>
网站已运行:<span id="run_time" style="color:white"></span>
            </center>

            <script>
                function runTime() {
                    var d = new Date(), str = '';
                    BirthDay = new Date("March 01,2018");
                    today = new Date();
                    timeold = (today.getTime() - BirthDay.getTime());
                    sectimeold = timeold / 1000
                    secondsold = Math.floor(sectimeold);
                    msPerDay = 24 * 60 * 60 * 1000
                    msPerYear = 365 * 24 * 60 * 60 * 1000
                    e_daysold = timeold / msPerDay
                    e_yearsold = timeold / msPerYear
                    daysold = Math.floor(e_daysold);
                    yearsold = Math.floor(e_yearsold);                    
                    //str = yearsold + "年";
                    str += daysold + "天";
                    str += d.getHours() + '时';
                    str += d.getMinutes() + '分';
                    str += d.getSeconds() + '秒';                    
                    return str;
                }
                setInterval(function () { $('#run_time').html(runTime()) }, 1000);            
                </script>

3.效果展示

这里写图片描述

4.二次加工

关于时间显示颜色:

 网站已运行:<span id="run_time" style="color:颜色可换">

关于时间更改:

BirthDay = new Date("Month day,year");  //注意月份和日期中间有空格


来源:酷米社区(关注电脑技术和资源分享的博客)转载请保留此处和链接!

地址:

必填

选填

选填

必填

◎已有 0 人评论,请发表您的观点。