页脚添加网站稳定运行时长X年X天X小时X分X秒的代码 —— WordPress美化

2017年9月19日23:03:16 132 40,520

近期有站长网友看到我的仙踪小栈页脚处:网站稳定运行时长,感觉比较实用,便问我怎么实现的,现在就发布教程

 

页脚添加网站稳定运行时长X年X天X小时X分X秒的代码 —— WordPress美化

 

代码部署:

 

代码一:(本站在用)(整天变色)

显示格式:本站已安全运行:  0 天 0 小时 0 分 00 秒(秒为跑秒)

注意修改11行 ("2017-8-21")为你的时间

<span id="momk"></span><span id="momk" style="color: #ff0000;"></span>
<script type="text/javascript">
function NewDate(str) {
str = str.split('-');
var date = new Date();
date.setUTCFullYear(str[0], str[1] - 1, str[2]);
date.setUTCHours(0, 0, 0, 0);
return date;
}
function momxc() {
var birthDay =NewDate("2017-8-21");
var today=new Date();
var timeold=today.getTime()-birthDay.getTime();
var sectimeold=timeold/1000
var secondsold=Math.floor(sectimeold);
var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay;
var daysold=Math.floor(e_daysold);
var e_hrsold=(daysold-e_daysold)*-24;
var hrsold=Math.floor(e_hrsold);
var e_minsold=(hrsold-e_hrsold)*-60;
var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString();
document.getElementById("momk").innerHTML = "本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
setTimeout(momxc, 1000);
}momxc();
</script>  
<style>
#momk{animation:change 10s infinite;font-weight:800; }
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
</style>

 

代码二:(时间变色)

显示格式:本站已安全运行:  0 天 0 小时 0 分 00 秒(秒为跑秒)

注意修改5行 ("08-21-2017 23:32:13")为你的时间

本站已安全运行:
<span id="momk"></span>
<script language=javascript>
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("08-21-2017 23:32:13");//建站日期
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(daysold-e_daysold)*-24;
hrsold=Math.floor(e_hrsold);
e_minsold=(hrsold-e_hrsold)*-60;
minsold=Math.floor((hrsold-e_hrsold)*-60);
seconds=Math.floor((minsold-e_minsold)*-60);
momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
}
show_date_time();
</script>
<style>
#momk{animation:change 10s infinite;font-weight:800; }
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
</style>

 

代码三:

用Notepad++打开footer.php,把代码放到footer.php中第1314行之间即可。(注意:修改代码中的建站时间为你自己的

也就是这个代码的上面一行。

</div><!-- .site-info -->

 

此处为隐藏的内容!
发表评论并刷新,方可查看

效果图:

 

页脚添加网站稳定运行时长X年X天X小时X分X秒的代码 —— WordPress美化

 

代码四(年月日时分秒)

显示格式:博客已运行:0 年 0 天 0 小时 0 分钟 00 秒(秒为跑秒)

注意修改25行 //北京时间2017-8-21 23:32:13 为你的时间

此处为隐藏的内容!
发表评论并刷新,方可查看

 

另外,附上另外一段效果代码

<?php printf(' | 耗时 %.3f 秒 | 查询 %d 次 | 内存 %.2f MB',timer_stop( 0, 3 ),get_num_queries(),memory_get_peak_usage() / 1024 / 1024);?>

 

这段代码同样放到footer.php中第910行之间即可。

<?php echo zm_get_option('footer_inf_t');  >
            <span class="add-info">

 

页脚添加网站稳定运行时长X年X天X小时X分X秒的代码 —— WordPress美化

 

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:132   其中:访客  0   博主  0

    • 55 55 0 Taiwan; Republic of China (ROC) 谷歌浏览器 Windows 10 台湾省

      路过学习

      • 78tnnd 78tnnd 2 来自天朝的朋友 谷歌浏览器 Windows 10 山东省潍坊市 移动

        感谢

        • FENG FENG 0 来自天朝的朋友 谷歌浏览器 Windows 10 湖北省 电信

          路过学习

          • 云飞扬 云飞扬 3 来自天朝的朋友 谷歌浏览器 Windows 10 安徽省芜湖市 电信

            非常好看,喜欢