导读
觅风论坛易语言教程:易语言全方位培训基础

觅风论坛易语言教程:易语言全方位培训基础性第九课时视频公开发布,2018导师最新录制! 易语言全方位培 详细

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

[复制链接]

微信扫一扫 分享朋友圈

MerlePalaf 发表于 2023-10-10 10:37:31 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

马上注册,结交更多易友,享用更多功能,让你轻松玩转觅风论坛。

您需要 登录 才可以下载或查看,没有账号?立即注册

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

第一种是下面这种

代码是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代码加入之后肯定会出现影响一点点速度,但是不会有太大的影响,所以大家可以放心加

回复

使用道具 举报

精彩评论55

黑崎一宇啊 发表于 2023-10-10 11:55:21 | 显示全部楼层
学习下  学习下  学习下
回复 支持 反对

使用道具 举报

何海银 发表于 2023-10-10 13:13:11 | 显示全部楼层
666学习了!!
回复 支持 反对

使用道具 举报

123456 发表于 2023-10-10 14:31:01 | 显示全部楼层
好像还不错!
回复 支持 反对

使用道具 举报

黑崎一宇啊 发表于 2023-10-10 15:48:51 | 显示全部楼层
这个好好支持一下
回复 支持 反对

使用道具 举报

fghjgfkjhgk 发表于 2023-10-10 17:06:41 | 显示全部楼层
我表示压力很大
回复 支持 反对

使用道具 举报

6360120 发表于 2023-10-10 20:47:32 | 显示全部楼层
厉害,我挺你,嘻嘻嘻。
回复 支持 反对

使用道具 举报

liushengchaows 发表于 2023-10-11 00:28:23 | 显示全部楼层
666666666666666666666666
回复 支持 反对

使用道具 举报

骑着蚂蚁兜风 发表于 2023-10-11 04:09:14 | 显示全部楼层
嘻嘻不错支持一个
回复 支持 反对

使用道具 举报

6360120 发表于 2023-10-11 07:50:05 | 显示全部楼层
支持你们一下下哈
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注我们:觅风论坛与你快乐分享

收藏本站

用心服务做个非盈利公益编程网站

www.eyyba.com

服务人:觅风论坛

Email:eyyba@foxmail.com

Powered by WWW.EYYBA.COM X3.4© 2001-2023 Inc.   版权所有   

觅风论坛  疆ICP备15020893号-1