觅风论坛

标题: 前端网站底部怎么添加网站运行时间统计代码JS源代码分享 [打印本页]

作者: MerlePalaf    时间: 2023-10-10 10:37
标题: 前端网站底部怎么添加网站运行时间统计代码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>
复制代码
效果图:
fdba25f31b185240.jpg

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

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


作者: 黑崎一宇啊    时间: 2023-10-10 11:55
学习下  学习下  学习下
作者: 何海银    时间: 2023-10-10 13:13
666学习了!!
作者: 123456    时间: 2023-10-10 14:31
好像还不错!
作者: 黑崎一宇啊    时间: 2023-10-10 15:48
这个好好支持一下
作者: fghjgfkjhgk    时间: 2023-10-10 17:06
我表示压力很大
作者: 6360120    时间: 2023-10-10 20:47
厉害,我挺你,嘻嘻嘻。
作者: liushengchaows    时间: 2023-10-11 00:28
666666666666666666666666
作者: 骑着蚂蚁兜风    时间: 2023-10-11 04:09
嘻嘻不错支持一个
作者: 6360120    时间: 2023-10-11 07:50
支持你们一下下哈
作者: 123yue    时间: 2023-10-11 11:30
支持一下,期待更多东西
作者: pei002    时间: 2023-10-11 13:22
66666666666666666666
作者: 542134120.    时间: 2023-10-11 15:14
提示: 作者被禁止或删除 内容自动屏蔽
作者: 风月    时间: 2023-10-11 17:06
这个不错,谢谢共享
作者: 1811581892    时间: 2023-10-11 18:58
我表示压力很大
作者: lmx0618    时间: 2023-10-11 20:50
看帖子的要发表下看法
作者: 舞步    时间: 2023-10-11 20:53
多上传一点源码
作者: 佳佳    时间: 2023-10-11 20:56
还是看不懂,复杂
作者: wfagf    时间: 2023-10-11 20:59
提示: 作者被禁止或删除 内容自动屏蔽
作者: 5555    时间: 2023-10-11 21:02
支持你们一下下哈
作者: 特拉斯●狗蛋儿    时间: 2023-10-11 21:05
顶一个了
作者: 1378409920    时间: 2023-10-12 10:03
我知道错了,感谢大神分享
作者: sxy19931021    时间: 2023-10-12 23:00
提示: 作者被禁止或删除 内容自动屏蔽
作者: 443651433..    时间: 2023-10-13 11:58
00.000...000
作者: sdajhdjannda    时间: 2023-10-14 00:56
谢谢楼主的辛苦分享
作者: csw96781    时间: 2023-10-14 13:53
很给力。。。。很喜欢
作者: 5555    时间: 2023-10-14 19:13
感谢分享LOL
作者: 5555    时间: 2023-10-15 00:33
撒大苏打阿斯顿阿斯顿
作者: 呵呵    时间: 2023-10-15 05:53
好东西,一定要进行学习
作者: 大蒜先生    时间: 2023-10-15 11:13
学习中,看看代码啥情况
作者: sada    时间: 2023-10-15 16:33
这个不错,谢谢共享
作者: 小粑    时间: 2023-10-15 17:54
撒大苏打阿斯顿阿斯顿
作者: SDS    时间: 2023-10-15 19:14
看看看看看看看看看看看看
作者: 730422343    时间: 2023-10-15 20:35
感谢您的无私精神...
作者: 雨点    时间: 2023-10-15 21:56
路过还不错
作者: 啥啥啥    时间: 2023-10-15 23:16
提示: 作者被禁止或删除 内容自动屏蔽
作者: a123354    时间: 2023-10-15 23:57
的法国风格化规范化
作者: luoyunjie    时间: 2023-10-16 00:38
提示: 作者被禁止或删除 内容自动屏蔽
作者: 骑着蚂蚁兜风    时间: 2023-10-16 01:19
感谢您的无私精神...
作者: luoyunjie    时间: 2023-10-16 02:00
提示: 作者被禁止或删除 内容自动屏蔽
作者: wfagf    时间: 2023-10-16 02:41
提示: 作者被禁止或删除 内容自动屏蔽
作者: 小白    时间: 2023-10-16 05:29
好好好好的我要下载看看看
作者: 鸟文是帅逼    时间: 2023-10-16 08:16
00.000...000
作者: 的含税单价    时间: 2023-10-16 11:04
还是看不懂,复杂
作者: 哦美国    时间: 2023-10-16 13:52
不错!顶LZ
作者: tzq78789    时间: 2023-10-16 16:39
顶一个了
作者: 慌什么!    时间: 2023-10-18 03:25
我要下载试试,我要下载试试...
作者: lloveyouko    时间: 2023-10-19 14:11
6666666666
作者: hgfhf    时间: 2023-10-21 00:56
人设人阿松大
作者: 你大爷    时间: 2023-10-22 11:42
好像还不错!
作者: 13778890079    时间: 2023-10-23 22:28
支持!!!!前排!!!!
作者: 我叫很钢    时间: 2023-10-24 02:09
我知道错了,感谢大神分享
作者: 无名使者    时间: 2023-10-24 05:50
回复查看隐藏内容
作者: 我叫很钢    时间: 2023-10-24 09:31
谢谢分享,下载测试
作者: 小粑    时间: 2023-10-24 13:12
00.000...000
作者: 123456    时间: 2023-10-24 16:53
不错!顶LZ




欢迎光临 觅风论坛 (https://www.eyyba.com/) Powered by Discuz! X3.4