在你的网站下面加上运行日期

本文最后更新于 2024年2月5日 晚上

交换友链的时候突然看到了这个问题

对了你下面那个《已运行x天x时x秒》怎么做的,求求

就在这里简单写一个教程吧

须知

此教程主要适用于Hexo,其他框架未经测试

JS

source文件夹下创建js文件夹,并创建文件custom.js,文件内容如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var now = new Date(); 
function createtime() {
var grt= new Date("02/05/2024 14:00:00");//在此处修改你的建站时间
now.setTime(now.getTime()+250);
days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days);
hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours);
if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;}
seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;}
document.getElementById("timeDate").innerHTML = "已运行 "+dnum+" 天 ";
document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + " 分 " + snum + " 秒";
}
setInterval("createtime()",250);

之后,打开_config.你的theme.yml文件,寻找custom_js或类似的配置,修改为 /js/custom.js

接着,寻找footer或类似的配置,加上

1
2
3
<br /><div>
<span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span>
</div>

就可以了


参考自:【个人网站搭建】hexo框架Next主题下添加网站运行时间


在你的网站下面加上运行日期
https://www.mailset.top/2024/02/05/在你的网站下面加上运行日期/
作者
mail_set
发布于
2024年2月5日
许可协议