站点生存时间

写在最前面

有时看见别人站点上有”已经苟活 552天10小时41分钟43秒”之类的字样,就会感觉很帅,其实实现这个功能的代码很简单,看了这篇文章你也会。无论你是什么站点都可以添加,包括WordPress、hexo、dedecms、帝国cms等等。

温馨提示:敲码千万遍,其义自见。

食用方法

首选在你需要添加“站点存活时间”的地方新增一个p标签,并给一个id:

<p id="sitetime"></p>
<!--
这里这个id值,要和JavaScript代码中getElementById("sitetime")的id值一样
-->

再将以下的JavaScript代码添加到页面,可以采用</ script >标签的方式引用,也可以采用外链的方式引入:

function siteTime(){
    window.setTimeout("siteTime()", 1000);
    let seconds = 1000;
    let minutes = seconds * 60;
    let hours = minutes * 60;
    let days = hours * 24;
    let years = days * 365;
    let today = new Date();
    let todayYear = today.getFullYear();
    let todayMonth = today.getMonth();
    let todayDate = today.getDate();
    let todayHour = today.getHours();
    let todayMinute = today.getMinutes();
    let todaySecond = today.getSeconds();
    let t1 = Date.UTC(2020,7,16,00,00,00);
    let t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
    let diff = t2-t1;
    let diffYears = Math.floor(diff/years);
    let diffDays = Math.floor((diff/days)-diffYears*365);
    let diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
    let diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
    let diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
    document.getElementById("sitetime").innerHTML=`已经苟活 ${(diffYears*365+diffDays)}天${diffHours}小时${diffMinutes}分钟${diffSeconds}秒`;
}
siteTime();

使用外链引入的方法:

<script type="text/javascript" src="JavaScript文件路径"></script>

在以下代码中设置建站时间:

//Date.UTC(2020,7,16,00,00,00);
//这里需要注意的是:月份并不是从1开始的,而是从0开始的,对照表如下:
//0 ==> 1月
//1 ==> 2月
//2 ==> 3月
//3 ==> 4月
//4 ==> 5月
//5 ==> 6月
//6 ==> 7月
//7 ==> 8月
//8 ==> 9月
//9 ==> 10月
//10 ==> 11月
//11 ==> 12月

在以下代码中设置页面上提示的内容:

//document.getElementById("sitetime").innerHTML=`已经苟活 ${(diffYears*365+diffDays)}天${diffHours}小时${diffMinutes}分钟${diffSeconds}秒`;
//这要设置“已经苟活”这几个字,可以替换为“已生存”、“经历”、“岁数”等(和“存活”相关的字样)

以上内容设置好后,就可以看到效果了。

总结

在食用以上代码的时候时候要注意食用的位置,以及食用时间的时候注意月份并不是从1开始的,而是从0开始的。

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容