免费个人博客模板-专注前端行业与圈内动态-分享最具价值内容

给网站添加统计网站运营时间效果代码

发布:鹏仔先生2019-2-27 23:04分类: JavaScript 标签: html 效果 javascript 大前端

共享博客

    今天看到很多博客,有一个统计网站运营时间,突然也想给网站添加那么一个,于是网上也整理了一个,稍作修改。

    目前样式没有去写,改天有空我会再次更新本文。

共享博客

HTML代码,我们将它放置网站需要显示统计时间的地方

HTML
<span id="share_time" style="color: red; font-weight: bold;"></span>

JS代码,我们将它放置网站公共js文件,或者放置到只要能让上方html引用到的地方

JavaScript

<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>
    自行将代码添加到网站指定位置即可

    需要技术支持可以联系本站长呦!

温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

已有 0/413 人参与

微信扫码关注鹏仔哥微信