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

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

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

代码样式一：本站勉强运行: 1552天13小时5分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天

<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 秒

本站勉强运行:<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 秒

本站勉强运行:<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>

参考样式三设置即可。

我以前使用的也给你们一起发过去了

第一个：

<!-- 本站运行时间 -->
<i class="fa fa-cog fa-spin fa-1x fa-fw"></i><!--动态齿轮图标-->
<span>本站稳定已运行 <span id="days" style="font-weight:800; color:#ED712E;"> </span> 天</span>
<script>
  let s1 = '2023-8-18';  //设置为你的建站时间
  s1 = new Date(s1.replace(/-/g, "/"));
  s2 = new Date();
  let days = s2.getTime() - s1.getTime();
  let number_of_days = parseInt(days / (1000 * 60 * 60 * 24));
  document.getElementById('days').innerHTML = number_of_days;
</script>

第二个

<!-- 本站运行时间 --><br><i class="fa fa-cog fa-spin fa-1x fa-fw"></i><!--动态齿轮图标--><br><span id="website_runtime"></span><br><script type="text/javascript"><br>function show_runtime(){<br>    // 定时器<br>    window.setTimeout("show_runtime()", 1000);<br>    // 开始时间<br>    let start = new Date("2023/08/18 00:00:00");<br>    // 当前时间<br>    let now = new Date();<br>    // 经过时长<br>    let duration = now.getTime() - start.getTime();<br>    // 一天的毫秒数<br>    let msPerDay = 24 * 60 * 60 * 1000;<br>    // 天<br>    let _day = duration / msPerDay;<br>    let day = Math.floor(_day);<br>    // 小时<br>    let _hour = (_day - day) * 24;<br>    let hour = Math.floor(_hour);<br>    // 分钟<br>    let _minute = (_hour - hour) * 60;<br>    let minute = Math.floor(_minute);<br>    // 秒<br>    let _second = (_minute - minute) * 60;<br>    let second = Math.floor(_second);<br>    // 更新span标签内容<br>    website_runtime.innerHTML="本站稳定已运行：" + day + "天" + hour + "小时" + minute + "分" + second + "秒";<br>}<br>show_runtime();<br></script><br>

参考样式五设置即可。