前端网站底部怎么添加网站运行时间统计代码JS源代码分享

我们应该能看见有一些网站，底部都会有一个运行时间，那么大家来看一下网站统计运行时间代码通过这些代码可以实现网站底部添加运行时间，非常的炫酷，可以秀一下自己网站运营了多久。

第一种是下面这种

代码是JS代码

1. <span id="sitetime"></span>
   
2. <script language=javascript>
   
3.     function siteTime(){
   
4.         window.setTimeout("siteTime()", 1000);
   
5.         var seconds = 1000;
   
6.         var minutes = seconds * 60;
   
7.         var hours = minutes * 60;
   
8.         var days = hours * 24;
   
9.         var years = days * 365;
   
10.         var today = new Date();
    
11.         var todayYear = today.getFullYear();
    
12.         var todayMonth = today.getMonth()+1;
    
13.         var todayDate = today.getDate();
    
14.         var todayHour = today.getHours();
    
15.         var todayMinute = today.getMinutes();
    
16.         var todaySecond = today.getSeconds();
    
17.         /* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
    
18.         year - 作为date对象的年份，为4位年份值
    
19.         month - 0-11之间的整数，做为date对象的月份
    
20.         day - 1-31之间的整数，做为date对象的天数
    
21.         hours - 0(午夜24点)-23之间的整数，做为date对象的小时数
    
22.         minutes - 0-59之间的整数，做为date对象的分钟数
    
23.         seconds - 0-59之间的整数，做为date对象的秒数
    
24.         microseconds - 0-999之间的整数，做为date对象的毫秒数 */
    
25.         var t1 = Date.UTC(2016,12,01,00,00,00); //北京时间2016-12-1 00:00:00
    
26.         var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
    
27.         var diff = t2-t1;
    
28.         var diffYears = Math.floor(diff/years);
    
29.         var diffDays = Math.floor((diff/days)-diffYears*365);
    
30.         var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
    
31.         var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
    
32.         var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
    
33.         document.getElementById("sitetime").innerHTML=" 已运行"+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒";
    
34.     }
    
35.     siteTime();
    
36. </script>

复制代码

[color=rgba(51, 51, 51, 0.88)]第二种和这个长的不一样
[color=rgba(51, 51, 51, 0.88)]

1. 本站已安全运行:
   
2. <span id="momk"></span>
   
3. <script language=javascript>
   
4. function show_date_time(){
   
5. window.setTimeout("show_date_time()", 1000);
   
6. BirthDay=new Date("05-06-2016 12:12:24");//建站日期
   
7. today=new Date();
   
8. timeold=(today.getTime()-BirthDay.getTime());
   
9. sectimeold=timeold/1000
   
10. secondsold=Math.floor(sectimeold);
    
11. msPerDay=24*60*60*1000
    
12. e_daysold=timeold/msPerDay
    
13. daysold=Math.floor(e_daysold);
    
14. e_hrsold=(daysold-e_daysold)*-24;
    
15. hrsold=Math.floor(e_hrsold);
    
16. e_minsold=(hrsold-e_hrsold)*-60;
    
17. minsold=Math.floor((hrsold-e_hrsold)*-60);
    
18. seconds=Math.floor((minsold-e_minsold)*-60);
    
19. momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
    
20. }
    
21. show_date_time();
    
22. </script>
    
23. <style>
    
24. #momk{animation:change 10s infinite;font-weight:800; }
    
25. @keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
    
26. </style>

复制代码

效果图：


差不多就长这样，可以统计到你的网站运行了多长时间了

这种这JS代码加入之后肯定会出现影响一点点速度，但是不会有太大的影响，所以大家可以放心加

学习下  学习下  学习下

666学习了！！

好像还不错！

这个好好支持一下

我表示压力很大

厉害，我挺你，嘻嘻嘻。

666666666666666666666666

嘻嘻不错支持一个

支持你们一下下哈