JS精准计算,网站运行时长一目了然

JS精准计算,网站运行时长一目了然

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2017-03-04 23:33:09
文章简介

JS精准统计网站运行时长,实时反馈,帮助用户了解网页性能。无需复杂设置,简单调用即可实现。通过优化算法,确保数据准确可靠,为用户提供更好的网页体验。

  • 正文开始
  • 相关阅读
  • 推荐作品

 

 
 
js统计网站运行时长
 
第一种:
 网站<span id="sitetime"></span>
<script language=javascript>
function siteTime(){
window.setTimeout("siteTime()", 1000);
var seconds = 1000
var minutes = seconds * 60
var hours = minutes * 60
var days = hours * 24
var years = days * 365
var today = new Date()
var todayYear = today.getFullYear()
var todayMonth = today.getMonth()
var todayDate = today.getDate()
var todayHour = today.getHours()
var todayMinute = today.getMinutes()
var todaySecond = today.getSeconds()
/* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
year - 作为date对象的年份,为4位年份值
month - 0-11之间的整数,做为date对象的月份
day - 1-31之间的整数,做为date对象的天数
hours - 0(午夜24点)-23之间的整数,做为date对象的小时数
minutes - 0-59之间的整数,做为date对象的分钟数
seconds - 0-59之间的整数,做为date对象的秒数
microseconds - 0-999之间的整数,做为date对象的毫秒数 */
var t1 = Date.UTC(2016,5,2,11,19,00)
var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond)
var diff = t2-t1
var diffYears = Math.floor(diff/years)
var diffDays = Math.floor((diff/days)-diffYears*365)
var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours)
var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes)
var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds)
document.getElementById("sitetime").innerHTML=" 已运行"+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小时 "+diffMinutes+" 分钟 "+diffSeconds+" 秒"
}
siteTime()
</script>
 
注释:代码中的 var t1 = Date.UTC(2016,5,2,11,19,00) 是网站上线时间(自己定义),2016,5,2,11,19,00 为 2016年4月2日11点19分00秒(月份0-11之间的整)
 
 
第二种:
网站已运行<script language="javascript">
var now=new Date();var spday=new Date(2016,09,22);a=(now.getTime()-spday.getTime())/(24*60*60*1000);a=Math.ceil(a); document.write
("<b>"+a+"</b>");</script>天
 
注释:代码中的 Date(2016,09,22) 是网站上线时间(自己定义),2016,09,22 为 2016年8月22日(月份0-11之间的整)
 
关联内容: js 运行时长
CSS,Html,抖动
« 上一篇 2016年12月15日
百度地图API点图标不显示问题解决方案
下一篇 » 2017年09月04日
  • Linux与Windows定时执行PHP脚本的实用指南
    317阅读0条评论18个赞
    Linux可使用cron定时任务执行PHP脚本,Windows则利用任务计划程序实现。通过配置定时执行,可自动化执行PHP脚本,提升工作效率。选择合适的方法,轻松实现定时任务管理。
  • JS智能问候,根据时间自动输出早上好、中午好或晚上好
    2830阅读0条评论50个赞
    JS问候,智能识别时间,问候语随时切换。清晨,送上温馨的早上好;午后,问候中午好驱散疲惫;夜幕降临,一句晚上好伴你入眠。让问候成为你生活中的小确幸,感受每一刻的温暖与关怀。
  • HTML+JS实现简单点击复制文字(含多行)功能
    799阅读0条评论5个赞
    一键复制文字,多行也轻松搞定!简单HTML+JS代码,让复制更便捷。
  • 帝国CMS运算式验证码,多样化解决方案
    1789阅读1条评论75个赞
    帝国CMS提供多样化运算式验证码方案,旨在增强网站安全性。该验证码不仅防止机器自动化操作,还能提高用户体验。多种方案灵活选择,确保验证码既安全又易识别,为网站安全保驾护航。
  • CSS实现FLASH视频自适应长宽教程
    8200阅读0条评论103个赞
    使用CSS实现FLASH视频自适应长宽教程:想让FLASH视频在不同设备上自动调整大小?试试CSS吧!首先,确保FLASH视频嵌入代码正确。然后,为视频容器设置固定宽高比,使用padding-top技巧代替固定高度。接着,通过CSS的`position: relative`和`position: absolute`属性,将FLASH对象定位到容器内。这样,FLASH视频就能根据容器大小自适应调整长宽,提升用户观看体验。

如本文对您有帮助,就请墨鱼抽根烟吧!