写在最前面
有时看见别人站点上有”已经苟活 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
暂无评论内容