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

2017年9月19日23:03:16 131 47,224

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

 

页脚添加网站稳定运行时长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中第13和14行之间即可。（注意：修改代码中的建站时间为你自己的）

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

</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中第9和10行之间即可。

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

 

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

 

若文章图片、下载链接等信息出错，请在评论区留言反馈，博主将第一时间更新！如果喜欢，请打赏支持本站，谢谢大家！
历史上的今天
9月
19

发表评论

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

目前评论：131   其中：访客  0   博主  0

    • fgbggf fgbggf 3 来自天朝的朋友 重庆市 移动
      回复 2017年12月26日 13:09  21楼

      公共广播

      • zaqq zaqq 2 来自天朝的朋友 江苏省镇江市 移动
        回复 2017年12月31日 13:05  22楼

        学习学习

        • 小虎 小虎 4 来自天朝的朋友 天津市 联通
          回复 2018年1月1日 12:44  23楼

          谢谢楼主的分享

          • 回收啦 回收啦 2 来自天朝的朋友 广东省广州市 鹏博士长城宽带
            回复 2018年1月1日 23:23  24楼

            666学习了

            • wangxuzhao wangxuzhao 3 来自天朝的朋友 安徽省合肥市 电信
              回复 2018年1月2日 23:08  25楼

              不错啊 很好 谢谢

              • xioahu xioahu 4 来自天朝的朋友 北京市 宽带通
                回复 2018年1月13日 20:19  26楼

                谢谢楼主大大的分享

                • Jack Cui Jack Cui 2 来自天朝的朋友 辽宁省沈阳市 联通
                  回复 2018年1月14日 09:42  27楼

                  学习学习~

                  • In Part In Part 2 来自天朝的朋友 广东省深圳市 电信
                    回复 2018年1月17日 10:17  28楼

                    不错

                    • feng blog feng blog 2 来自天朝的朋友 四川省成都市 电信
                      回复 2018年1月18日 21:50  29楼

                      :neutral: 不错

                      • 爱好收 爱好收 1 来自天朝的朋友 广东省广州市 鹏博士长城宽带
                        回复 2018年1月25日 00:19  30楼

                        不错学习了

                        • Jane Jane 2 来自天朝的朋友 河北省 移动
                          回复 2018年2月3日 17:24  31楼

                          赞一个~！

                          • 阿尔图其网 阿尔图其网 2 来自天朝的朋友 新疆克孜勒苏柯尔州乌恰县 电信
                            回复 2018年2月15日 12:57  32楼

                            看一看

                            • 陈鑫威博客 陈鑫威博客 2 来自天朝的朋友 北京市 电信通
                              回复 2018年2月23日 23:21  33楼

                              学习

                              • 请输入您的QQ号 请输入您的QQ号 1 来自天朝的朋友 山西省运城市 联通
                                回复 2018年3月1日 09:59  34楼

                                学习

                                • Violetms Violetms 2 来自天朝的朋友 上海市 电信
                                  回复 2018年3月1日 19:25  35楼

                                  学习不停

                                  • 发生大事 发生大事 0 来自天朝的朋友 河北省邢台市 电信
                                    回复 2018年7月3日 19:59  36楼

                                    阿萨飒飒

                                    • 请输入您的QQ号 请输入您的QQ号 0 来自天朝的朋友 广东省广州市 移动
                                      回复 2018年7月7日 23:33  37楼

                                      学习了

                                      • 君泽 君泽 0 来自天朝的朋友 云南省昆明市 电信
                                        回复 2018年7月9日 09:27  38楼

                                        看一看啊

                                        • 而且 而且 0 来自天朝的朋友 江苏省无锡市 移动
                                          回复 2018年7月27日 09:21  39楼

                                          而且请问请问请问呃

                                          • 青山 青山 2 来自天朝的朋友 江西省萍乡市 电信
                                            回复 2018年7月30日 07:35  40楼

                                            学习啦