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

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");
  //注意月份和日期中间有空格

转载于 七星博客


猜你喜欢

转载自blog.csdn.net/keylion_/article/details/81812973