为网站添加动态的运行时间小功能

这个添加本站动态的运行时间小功能，个人觉得加上还是很有必要的（参考本站页尾效果），一个是记录自己网站经营了多久，第二个，如果网站运行时间长，用户看到这个时间，也会觉得不是水站。可靠些吧。废话不多说，直接开始。

下面代码已去掉多余的html结构，直接复制到适合网页适合的位置使用即可：

一，天时分秒格式


<strong><span id="showsectime" style="color:#FF0000;"></span></strong>
    <p>大雄搜集站：soujiz.com</p>
    <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("2020-10-21");
    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>
<strong><span id="showsectime" style="color:#FF0000;"></span></strong>
    <p>大雄搜集站：soujiz.com</p>
    <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("2020-10-21");
    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>
<strong><span id="showsectime" style="color:#FF0000;"></span></strong>
		<p>大雄搜集站：soujiz.com</p>
		<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("2020-10-21");
		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>

效果图：

二，年天时分秒格式


        <strong><span id="htmer_time" style="color: red;"></span></strong>
    <p>大雄搜集站：soujiz.com</p>
    <script>
        function secondToDate(second) {
            if (!second) {
                return 0;
            }
            var time = new Array(0, 0, 0, 0, 0);
            if (second >= 365 * 24 * 3600) {
                time[0] = parseInt(second / (365 * 24 * 3600));
                second %= 365 * 24 * 3600;
            }
            if (second >= 24 * 3600) {
                time[1] = parseInt(second / (24 * 3600));
                second %= 24 * 3600;
            }
            if (second >= 3600) {
                time[2] = parseInt(second / 3600);
                second %= 3600;
            }
            if (second >= 60) {
                time[3] = parseInt(second / 60);
                second %= 60;
            }
            if (second > 0) {
                time[4] = second;
            }
            return time;
        }
    </script>
    <script type="text/javascript" language="javascript">
        function setTime() {
            // 博客创建时间秒数，时间格式中，月比较特殊，是从0开始的，所以想要显示5月，得写4才行，如下
            var create_time = Math.round(new Date(Date.UTC(2018, 7, 22, 0, 0, 0))
                    .getTime() / 1000);
            // 当前时间秒数,增加时区的差异
            var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
            currentTime = secondToDate((timestamp - create_time));
            currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
                    + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
                    + '秒';
            document.getElementById("htmer_time").innerHTML = currentTimeHtml;
        }
        setInterval(setTime, 1000);
    </script>
        <strong><span id="htmer_time" style="color: red;"></span></strong>
    <p>大雄搜集站：soujiz.com</p>
    <script>
        function secondToDate(second) {
            if (!second) {
                return 0;
            }
            var time = new Array(0, 0, 0, 0, 0);
            if (second >= 365 * 24 * 3600) {
                time[0] = parseInt(second / (365 * 24 * 3600));
                second %= 365 * 24 * 3600;
            }
            if (second >= 24 * 3600) {
                time[1] = parseInt(second / (24 * 3600));
                second %= 24 * 3600;
            }
            if (second >= 3600) {
                time[2] = parseInt(second / 3600);
                second %= 3600;
            }
            if (second >= 60) {
                time[3] = parseInt(second / 60);
                second %= 60;
            }
            if (second > 0) {
                time[4] = second;
            }
            return time;
        }
    </script>
    <script type="text/javascript" language="javascript">
        function setTime() {
            // 博客创建时间秒数，时间格式中，月比较特殊，是从0开始的，所以想要显示5月，得写4才行，如下
            var create_time = Math.round(new Date(Date.UTC(2018, 7, 22, 0, 0, 0))
                    .getTime() / 1000);
            // 当前时间秒数,增加时区的差异
            var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
            currentTime = secondToDate((timestamp - create_time));
            currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
                    + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
                    + '秒';
            document.getElementById("htmer_time").innerHTML = currentTimeHtml;
        }
        setInterval(setTime, 1000);
    </script>
        <strong><span id="htmer_time" style="color: red;"></span></strong>
		<p>大雄搜集站：soujiz.com</p>
		<script>
		    function secondToDate(second) {
		        if (!second) {
		            return 0;
		        }
		        var time = new Array(0, 0, 0, 0, 0);
		        if (second >= 365 * 24 * 3600) {
		            time[0] = parseInt(second / (365 * 24 * 3600));
		            second %= 365 * 24 * 3600;
		        }
		        if (second >= 24 * 3600) {
		            time[1] = parseInt(second / (24 * 3600));
		            second %= 24 * 3600;
		        }
		        if (second >= 3600) {
		            time[2] = parseInt(second / 3600);
		            second %= 3600;
		        }
		        if (second >= 60) {
		            time[3] = parseInt(second / 60);
		            second %= 60;
		        }
		        if (second > 0) {
		            time[4] = second;
		        }
		        return time;
		    }
		</script>
		<script type="text/javascript" language="javascript">
		    function setTime() {
		        // 博客创建时间秒数，时间格式中，月比较特殊，是从0开始的，所以想要显示5月，得写4才行，如下
		        var create_time = Math.round(new Date(Date.UTC(2018, 7, 22, 0, 0, 0))
		                .getTime() / 1000);
		        // 当前时间秒数,增加时区的差异
		        var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
		        currentTime = secondToDate((timestamp - create_time));
		        currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
		                + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
		                + '秒';
		        document.getElementById("htmer_time").innerHTML = currentTimeHtml;
		    }
		    setInterval(setTime, 1000);
		</script>

效果图：

版权声明本站名称：大雄搜集站
本站永久网址：https://soujiz.com
1 本站资源大多存储在云盘，如有链接失效，请留言反馈站长更新！
2 本站各种资源及源码软件大部分为网络搜集而来，如有侵犯版权的，请邮件与我们联系，本站将予以改正。
3 由于网络资源有极快的复制性，付费资源一经购买，不以任何形式退款，购买过程中如有付费资源失效，请及时联系站长。

THE END