給網站添加統計網站運營時間效果代碼

  今天看到很多博客,有一個統計網站運營時間,突然也想給網站添加那麼一個,於是網上也整理了一個,稍作修改。

    目前樣式沒有去寫,改天有空我會再次更新本文。

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

個人小程序(多多支持)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章