网站运行了多长时间—网站美化代码
随风落叶
撰写于 2024年 02月 11 日

分享一个网站运行多长时间的代码,可以放在网站的底部,并且也是非常美观的

时间更改的话是在第七行 BirthDay=new Date("12/10/2023 12:01:01"); 进行更改
个事为 月/日/年 x点:x分:秒

代码为:

<i class="fa fa-cog fa-spin fa-1x fa-fw"></i>
                  <!--网站运行时间-->    
本站已运行: <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("12/10/2023 12:01:01");
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:#e74c3c>'+daysold+'</font> 天 <font style=color:#2ecc71>'+hrsold+'</font> 时 <font style=color:#f39c12>'+minsold+'</font> 分 <font style=color:#3498db>'+seconds+'</font> 秒';
}
show_date_time();
</script>

效果如下:

time.png

网站运行了多长时间—网站美化代码

分享一个网站运行多长时间的代码,可以放在网站的底部,并且也是非常美观的

时间更改的话是在第七行 BirthDay=new Date("12/10/2023 12:01:01"); 进行更改
个事为 月/日/年 x点:x分:秒

代码为:

<i class="fa fa-cog fa-spin fa-1x fa-fw"></i>
                  <!--网站运行时间-->    
本站已运行: <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("12/10/2023 12:01:01");
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:#e74c3c>'+daysold+'</font> 天 <font style=color:#2ecc71>'+hrsold+'</font> 时 <font style=color:#f39c12>'+minsold+'</font> 分 <font style=color:#3498db>'+seconds+'</font> 秒';
}
show_date_time();
</script>

效果如下:

time.png


版权属于:随风落叶 所有,采用《知识共享署名许可协议》进行许可,转载请注明文章来源。

本文链接: https://www.7zsk.cn/archives/48.html

赞 (8)

评论区(暂无评论)

这里空空如也,快来评论吧~

我要评论