今天看到很多博客,有一個統計網站運營時間,突然也想給網站添加那麼一個,於是網上也整理了一個,稍作修改。
目前樣式沒有去寫,改天有空我會再次更新本文。
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://www.sharedblog.cn/?post=189
個人小程序(多多支持)