2024年04月03日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客
今天看到很多博客，有一个统计网站运营时间，突然也想给网站添加那么一个，于是网上也整理了一个，稍作修改。
目前样式没有去写，改天有空我会再次更新本文。
HTML代码，我们将它放置网站需要显示统计时间的地方
<span id="share_time" style="color: red; font-weight: bold;"></span>
JS代码，我们将它放置网站公共js文件，或者放置到只要能让上方html引用到的地方
<script>
//页面加载完执行下方函数
share_data_time();
function share_data_time() {
//每秒执行一次
window.setTimeout("share_data_time()", 1000);
//网站建立时间
BirthDay = new Date("5/11/2018 00:00:00");
//获取当前时间
today = new Date();
//总豪秒数
timeold = (today.getTime() - BirthDay.getTime());
//总秒数
secondsold = Math.floor(timeold / 1000);
e_daysold = timeold / (24 * 60 * 60 * 1000);
//相差天数
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_minsold);
//相差秒数
seconds = Math.floor((e_minsold - minsold) * 60);
//将所获取的时间拼接到一起，再把值显示到页面
share_time.innerHTML = "已共享:" + daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
}
</script>自行将代码添加到网站指定位置即可
需要技术支持可以联系本站长呦！
本文链接：http://so.lmcjl.com/news/1012/