WordPress页脚添加网站稳定运行时长-CFANZ编程社区

一、代码部署

代码一：（整天变色）

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

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

<spanid="momk"></span><spanid="momk"style="color:#ff0000;"></span>
<scripttype="text/javascript">
functionNewDate(str){
str = str.split('-');
var date =newDate();
date.setUTCFullYear(str[0], str[1]-1, str[2]);
date.setUTCHours(0,0,0,0);
return date;
}
function momxc(){
var birthDay =NewDate("2017-12-14");
var today=newDate();
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>

效果图：

WordPress页脚添加网站稳定运行时长_Math

代码二：（时间变色）

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

注意修改6行 ("12-14-2017 00:00:00")为你的时间

本站已安全运行：
<span id="momk"></span>
<script language=javascript>
function show_date_time(){
window.setTimeout("show_date_time()",1000);
BirthDay=newDate("12-14-2017 00:00:00");//建站日期
today=newDate();
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>

效果图：

WordPress页脚添加网站稳定运行时长_php_02

代码三：（时间变色）

显示格式：小柒博客已稳定运行: 0 天 0 小时 0 分 00 秒（秒为跑秒）

注意修改25行 ("2017,12,14,00,00,00")为你的时间

小柒博客已稳定运行：<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 =newDate();
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(2017,12,14,00,00,00);//北京时间2017-12-14 00:00:00
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>