MENU

JS实现功能‘网站已运行X天’

February 27, 2019 • 鼓捣其他东西

  由于本站所用主题没有‘网站已运行X天’功能。从网上查找过此功能的PHP代码,发现无效,决定自己用JS写一个,但是为什么不用PHP写呢?
  答案很简单,因为不会(╯‵□′)╯︵┴─┴

一、功能思路

  用JS函数获取当前UTC时间和网站创建时的时间。作差处理成天数。

二、JS部分代码

    在合适的地方创建timer.js文件。输入以下代码:

        function secondToDate(second) {
            if (!second) {
                return 0;
            }
            var time = parseInt(second / (24 * 3600 * 1000));//数据处理
                    return time;
        }
        function getRandomColor () {
            var Color = "rgb(" + Math.round(Math.random() * 255) + "," + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 10) + ')'; //获取一个随机rgb组合
            document.getElementById("htmer_timer").style.backgroundColor = Color;
        }
        function setTime() {
            var create_time = Date.UTC(2019, 01 , 01, 0, 0, 0) - 30 * 24 * 3600 *1000;//获取建站时的毫秒数
            var timestamp = new Date().getTime(); //获取当前毫秒数
            document.getElementById("htmer_timer").innerHTML = secondToDate(timestamp - create_time);
        }
        setTime();
        // getRandomColor();
        setInterval(getRandomColor, 500);

    保存之后记住该文件路径。
    此处谢谢大佬左岸的数字高亮建议

三、HTML代码:

    找到主题当中的footer.php或foot.php文件,在文件最底部附近找到</body>代码,在其上部添加如下代码:

<script type="text/javascript" src="xx/time.js"></script>//src中填写你的timer.js的文件路径。

并且找到想要显示功能的地方,粘贴如下代码:

<!-- 显示网站运行时间 -->
    <center style="font-size:14px;">网站已萌萌哒地运行了<b><span id="htmer_timer">js功能错误</span><b>天</center>

功能大概就实现了
代码参考给网页装个已运行时间js代码

END

Last Modified: September 8, 2021
Leave a Comment

5 Comments
  1. 不错啊,数字再加个高亮就很好了!@(哈哈)

  2. ```

    ```
    这是能用的PHP代码

    1. @闲淡酱

      好像不显示出来啊……

    2. @闲淡酱现在应该能了,我之前没开设置
      ```
      test
      ```

    3. @fenglinger能显示了,谢谢大佬!