网站添加运行时间

显示效果

实现方法

新建一个js文件命名为 siteTime.js复制以下代码并保存

PS：如果是corenext或者其他有子主题的可以放入子主题的js文件夹里面 例如 CoreNext-Child——js

没有子主题就直接放主题的js文件夹，路径一般是主题名字例如 CoreNext ——static——js

注意修改代码里面建站时间为自己网站的建站时间

function siteTime() {

    window.setTimeout("siteTime()", 1000);

    var seconds = 1000

    var minutes = seconds * 60

    var hours = minutes * 60

    var days = hours * 24

    var years = days * 365

    var today = new Date()

    var todayYear = today.getFullYear()

    var todayMonth = today.getMonth()+1

    var todayDate = today.getDate()

    var todayHour = today.getHours()

    var todayMinute = today.getMinutes()

    var todaySecond = today.getSeconds()

    var t1 = Date.UTC(2023, 12, 05, 00, 00, 00) /*这里修改为建站时间*/

    var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond)

    var diff = t2 - t1

    var diffYears = Math.floor(diff / years)

    var diffDays = Math.floor((diff / days) - diffYears * 365)

    var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours)

    var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes)

    var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours - diffMinutes * minutes) / seconds)

    document.getElementById("sitetime").innerHTML = " 已稳定运行 " + diffYears + " 年 " + diffDays + " 天 " + diffHours + " 小时 " + diffMinutes + " 分钟 " + diffSeconds + "秒 "

}

siteTime()

 如何引用

1、在后台 外观——主题文件编辑器-footer.php合适的位置插入以下代码

此方式是插入到页脚显示；也可以插入其他地方，比如侧栏小工具等，需自行测试。

<!--网站运行时间-->
<span id="sitetime" ></span>

2、使用宝塔面板搭建网站的可以到宝塔面板里面的文件管理找到主题下的footer.php进行修改，在需要添加的位置插入代码，例如我的就添加在版权信息后。

3、在小工具的自定义HTML内添加，这也是我现在使用的方式

自定义HTML——添加到底部小工具[左侧] 插入

进阶玩法

不断变化颜色显示，如图：

把代码

<span id="sitetime" ></span>

修改为<span class= "color-change" id="sitetime" ></span>

在主题设置内插入代码的自定义CSS内插入下列代码

PS ：color代号可以根据自己喜好自行更改