有时候我们想在网站下方显示网站运行时长给读者,或者自己看看时间,如下图:
![图片[1]-wordpress中插入网站安全运行时长-阿张同学](https://flower.cnnc404.com:8/images/6ca9e98958287474ae2d9ba012b4a986.jpg)
很简单,在footer.php或者template-part→footer→site-info.php文件底部插入下方代码即可。
小站已安全运行:<span id="sitetime" style="color: #0196e3;"></span>
<script language=javascript>
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();
/* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
year - 作为date对象的年份,为4位年份值
month - 0-11之间的整数,做为date对象的月份
day - 1-31之间的整数,做为date对象的天数
hours - 0(午夜24点)-23之间的整数,做为date对象的小时数
minutes - 0-59之间的整数,做为date对象的分钟数
seconds - 0-59之间的整数,做为date对象的秒数
microseconds - 0-999之间的整数,做为date对象的毫秒数 */
var t1 = Date.UTC(2021,12,20,0,0,0); // 建站时间
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();
</script>
![图片[2]-wordpress中插入网站安全运行时长-阿张同学](https://flower.cnnc404.com:8/images/footer_php.png)
![图片[3]-wordpress中插入网站安全运行时长-阿张同学](https://flower.cnnc404.com:8/images/site-info_php.png)
此方法也可给静态网页使用,如下图:
![图片[4]-wordpress中插入网站安全运行时长-阿张同学](https://flower.cnnc404.com:8/images/a4b06f905a980c016471558143d55acc.png)
© 版权声明
分享是一种美德,转载请保留原链接。
THE END
暂无评论内容