使用JavaScript给网页加上网站运行天数

1,320次阅读
没有评论

共计 1363 个字符,预计需要花费 4 分钟才能阅读完成。

前言

平时冲浪的时候看到很多站长,都喜欢在自己网站的底部加入 “本站已稳定运行多少多少天” 的小功能,下面用 JS 把功能复现一遍,以下会介绍两种方法,任选其一即可。

使用 JavaScript 给网页加上网站运行天数

 

 

实现(一)

修改第 8 行 NewDate("2022-08-09") 里的日期为你的建站时间,天数自动统计

修改第 21 行"已稳定运营"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" 里的文字为你在前台需要显示的字样

JavaScript

<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 showsectime() {var birthDay =NewDate("2022-08-09"); 
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("showsectime").innerHTML = "已稳定运营"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"; 
setTimeout(showsectime, 1000); 
}showsectime(); 
</script>

HTML

<span class="mb-0" id="showsectime"></span>

 

实现(二)

修改第 3 行 new Date("2/25/2020") 里的日期为你的建站时间,天数自动统计,比较简单的一段 JS 代码,直接放在需要显示的位置即可

JavaScript

本站已稳定运行了
<script type="text/javascript">
var webstar= new Date("2/25/2020");
var webnow = new Date();
var dotime = webnow.getTime() - webstar.getTime();
var donow = Math.floor(dotime / (1000 * 60 * 60 * 24));
document.write(+donow)
</script>
天
    正文完
    关注 “浮沉博客” 微信公众号获取更多内容
    post-qrcode
     1
    浮沉
    版权声明:本站原创文章,由 浮沉 于2023-01-10发表,共计1363字。
    转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
    评论(没有评论)