WordPress设置页脚网站状态、运行时长等信息

2020年5月10日1,166 1373字阅读4分34秒

演示图

WordPress设置页脚网站状态、运行时长等信息

说明

本文提供Begin主题部署方法以及其他主题常用方法

安装部署

1.Begin主题部署:主题 -> 主题选项 -> SEO -> 拉到最下面 -> 写入第一行和第二行都可以

备注:JS代码放在文末

WordPress设置页脚网站状态、运行时长等信息

2.其他主题部署:打开 footer.php ,将代码添加到  </div><!-- .site-info --> 上面

WordPress设置页脚网站状态、运行时长等信息

运行代码

备注:(Date.UTC(2017, 08, 09, 0, 0, 1)) 为建站日期与时间,根据需要自行修改

<!--页脚运行时长开始-->
Theme by <a href="https://www.sevesum.com/" target="_blank" rel="external nofollow noopener">知更鸟</a> | 托管于 <a href="https://www.aliyun.com/minisite/goods?userCode=haienko4" target="_blank" rel="external nofollow noopener">阿里云</a> | 网站已运行:<span id="htmer_time" style="color: #0196e3;"></span>
<script>
function secondToDate(second) {
if (!second) {
return 0;
}
var time = new Array(0, 0, 0, 0, 0);
if (second >= 365 * 24 * 3600) {
time[0] = parseInt(second / (365 * 24 * 3600));
second %= 365 * 24 * 3600;
}
if (second >= 24 * 3600) {
time[1] = parseInt(second / (24 * 3600));
second %= 24 * 3600;
}
if (second >= 3600) {
time[2] = parseInt(second / 3600);
second %= 3600;
}
if (second >= 60) {
time[3] = parseInt(second / 60);
second %= 60;
}
if (second > 0) {
time[4] = second;
}
return time;
}
</script>
<script type="text/javascript" language="javascript">
function setTime() {
var create_time = Math.round(new Date(Date.UTC(2019, 11, 01, 0, 0, 1)).getTime() / 1000);
var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
currentTime = secondToDate((timestamp - create_time));
currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
+ currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
+ '秒';
document.getElementById("htmer_time").innerHTML = currentTimeHtml;
}
setInterval(setTime, 1000);
</script>
<!--结束-->
继续阅读
weinxin
我的微信
如有任何问题或疑问,请添加我的微信咨询哦~
夏天❤
  • 如果文内未有特别说明,所文均为本博客原创文章,转载请标注出处
  • 转载注明:https://www.sevesum.com/?p=794 - WordPress设置页脚网站状态、运行时长等信息
多风格自适应WordPress主题Puock WordPress

多风格自适应WordPress主题Puock

演示图 介绍 一款基于WordPress开发的高颜值的自适应主题,支持白天与黑夜模式 特性 支持白天与暗黑模式  全局无刷新加载  支持博客与CMS布局  内置WP优化策略  一键全站变灰  网页压缩...
WordPress精美高性能免费主题:CorePress主题 WordPress

WordPress精美高性能免费主题:CorePress主题

演示图 介绍 WordPress高颜值,高性能免费主题,极致优化,专为极客 特性 超小体积 主题体积小于2m,代码精,功能全,颜值高,兼容好。 无框架设计 主题无前端界面库框架,代码为作者手撸,体积小...