专注WP
建站技术分享

WordPress网站底部添加网站已运行时间代码,多款样式代码

办公人导航

看别人网站底部有网站运行时间看着比较上档次,想在自己网站底部也添加显示网站已运行时间,但是不知道代码是什么,怎么添加?WordPress站长圈收集整理了多款代码,教大家怎么在WordPress网站添加显示网站运行时间,其他建站系统网站代码是一样的,可以直接使用。

我们只要将下面的代码添加到网站主题的底部代码添加的位置(一般的WordPress主题都有这个功能),添加后保存即可。如果你的主题没有就添加到footer.php中。如果你想显示在侧栏只要在小工具中添加代码就可以。

WordPress网站底部添加网站已运行时间代码,多款样式代码插图

代码样式一:本站勉强运行: 1552天13小时5分1秒 WordPress网站底部添加网站已运行时间代码,多款样式代码插图1

<span id="runtime_span"></span>
<script type="text/javascript">function show_runtime(){window.setTimeout("show_runtime()",1000);X=new
Date("10/16/2017 5:22:00");
Y=new Date();T=(Y.getTime()-X.getTime());M=24*60*60*1000;
a=T/M;A=Math.floor(a);b=(a-A)*24;B=Math.floor(b);c=(b-B)*60;C=Math.floor((b-B)*60);D=Math.floor((c-C)*60);
runtime_span.innerHTML="本站勉强运行: "+A+"天"+B+"小时"+C+"分"+D+"秒"}show_runtime();</script>

将第三行Date(“10/16/2017 5:22:00”)代码中的时间数字修改成自己网站建立的时间。

代码样式二:4124天
WordPress网站底部添加网站已运行时间代码,多款样式代码插图2

<script language = "JavaScript"type = "text/javascript" >
//添加网站的上线时间
var urodz = new Date("10/1/2010");
var now = new Date();
var ile = now.getTime() - urodz.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
document.write(dni+"天");
</script>

将Date(“10/1/2010”)时间改为自己网站建立时间。

代码样式三:本站勉强运行:1052 天 8 时 40 分 33 秒
WordPress网站底部添加网站已运行时间代码,多款样式代码插图3

本站勉强运行:<span id=span_dt_dt style="color: #2F889A;"></span>
<script language=javascript>
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("2/28/2019 10:15:45");
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=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML='<font style=color:#C40000>'+daysold+'</font> 天 <font style=color:#C40000>'+hrsold+'</font> 时 <font style=color:#C40000>'+minsold+'</font> 分 <font style=color:#C40000>'+seconds+'</font> 秒';
}
show_date_time();
</script>

将Date(“2/28/2019 10:15:45”)改为自己建站时间,颜色可以自己修改颜色代码。代码中“style=”color: #2F889A;”是控制的是天、时、分、秒字体的颜色。其中style=”color:#096″是网站运行时间的颜色,可以改为其他颜色,也可以删掉。
style=color:#C40000是控制的时间数值的颜色,可以改为其他夜色,也可以删除。

代码样式四:本站勉强运行:2 年 293 天 8 小时 51 分钟 36 秒
WordPress网站底部添加网站已运行时间代码,多款样式代码插图4

本站勉强运行:<span id="sitetime" style="color:#096"></span>
<script>
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()
var todayDate = today.getDate()
var todayHour = today.getHours()
var todayMinute = today.getMinutes()
var todaySecond = today.getSeconds()
var t1 = Date.UTC(2019,2,29,10,15,45)
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>

参考样式三设置即可。

未经允许不得转载:WP站长圈 » WordPress网站底部添加网站已运行时间代码,多款样式代码