`
izuoyan
  • 浏览: 8940526 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js计算页面加载时间

阅读更多
客户端代码写法:
在页面Head部分加入初始时间
复制代码代码如下:

<script language=javascript>
var t1 = new Date().getTime();
</script>

在Body中加入
复制代码代码如下:

<SCRIPT LANGUAGE="JavaScript">
window.onload = function()
{
document.getElementById("TimeShow").innerHTML = "加载本页耗时 "+ (new Date().getTime()-t1) +" 毫秒";
}
</SCRIPT>

在需要显示的地方插入一个ID为TimeShow的标签即可
<div id="TimeShow"></div>
分享到:
评论

相关推荐

    js页面加载计算所用时间

    用js实现计算加载页面所用的时间 - Web开发 - 文档中心

    用js实现计算加载页面所用的时间

    客户端代码写法: 在页面Head部分加入初始时间 代码如下: [removed] var t1 = new Date().getTime(); [removed] 在Body中加入 代码如下: [removed] [removed] = function() { document.getElementById(“TimeShow”)...

    详解Vue.js在页面加载时执行某个方法

    jQuery中可以这样写 ...以上所述是小编给大家介绍的Vue.js在页面加载时执行某个方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!

    js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】

    本文实例讲述了js实现的页面加载完毕之前loading提示效果。分享给大家供大家参考,具体如下: 一、JS代码: //获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _...

    微信小程序如何实现全局重新加载

    随着业务的增加,我们服务器需要计算大量的用户数据,导致用户跟客服反应页面不能正常展示。反馈给开发后,我们一看,是服务器异常的错误。So,产品想看下我们到底有多少用户页面不能正常展示? 方案: 后端人员...

    原生JS实现首页进度加载动画

    js进度加载动画程序是本人的个人作品,写的不好,可以参考,但未经本人允许,请不要用于其它用途!  早上写了个首页进度加载动画,本想在我的博客里用上,测试...加载时间统计我用了Windows对象的performance属性,

    单页面和多页面开发及应用

    -用户体验:单页面页面切换快,用户体验良好,多页面加载缓慢,流畅度不够,用户体验较差 -转场动画:单页面容易实现,多页面无法实现 -数据传递:单页面容易,多页面需要依赖url传参,或cookie,localSrorage等 ...

    loadingtime_tracker:一个简单的 chrome 插件,可跟踪您等待网页加载的累计时间。 这是一个几乎不可操作的指标,可能会让您感觉不舒服并质疑您的生活。 享受

    加载时间跟踪器 一个简单的 Chrome 插件,可跟踪您等待网页加载的累计时间。 这是一个几乎不可操作的指标,可能会让您感觉不舒服并质疑您的生活。 享受 :) ...不要忘记等待他们加载猫图片。 哟!

    解析javascript瀑布流原理实现图片滚动加载

    是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站...

    js实现滚动条滚动到页面底部继续加载

    但本文底层使用原生的js来处理,遇到一些小知识点可以分析一下也算有所得。 原理很简单,就是为window添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部,如果到了底部则加载新数据。关键...

    javascript实现瀑布流加载图片原理

    根据不同菜单的属性值分别加载不同的数据 下拉滚动条到一定位置预加载图片,滚动条拉到最底下的时候渲染html; 鼠标移到菜单,切换各个图片列表; 鼠标移到图片列表上,显示详细信息;  技术实现方案:  先...

    程序天下:JavaScript实例自学手册

    1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...

    aos.js动画的用法

    如果你不想滚动动画从页面加载(DOMContentLoaded)后就开始执行,可以使用startEvent来设置自己的事件,AOS会在document上监听这个事件: AOS.init({ startEvent: 'someCoolEvent' }); API AOS对象有2个可用的...

    vue3.0导入threejs三维模型,实现模型放大,缩小,拖动及其动画效果,鼠标点击规划空间路径。

    验证通过:vue3.0导入threejs三维模型,实现模型放大,缩小,拖动及其动画效果,鼠标点击规划空间路径。

    《程序天下:JavaScript实例自学手册》光盘源码

    1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...

    JavaScript完全自学宝典 源代码

    Calculate1.java 计算浮点数运算结果并调用页面中JavaScript函数的Applet。 Calculate1.class Calculate1.java的字节码文件。 第16章(\c16) 示例描述:介绍JavaScript访问本地文件的各种方法。 16.1....

    js图片延迟加载的实现方法及思路

    大概的实现方式是:在页面的...这里比较麻烦地方是,如何计算img的位置,获得元素的相对于页面的绝对位置。通常是用offsetLeft和offsetTop,但这两个属性是元素的offsetParent指向的元素的相对位置, 如果offsetParent

    mobileAdapt:移动端加载h5页面适配

    移动端加载h5页面适配,实现swiper图片轮播使用任意尺寸手机屏幕,同时图片宽高也是可以任意指定,不采用@media()标签。 在浏览器模式下,加载的页面能够自由变换长宽而让页面保持适配,但是在移动端却会由于不同...

    javascript大全---个人认为是很全了

    包括以下javascript例子: 实现多级关联选择地址 js代码-全国省市县无刷新多级关联菜单.html 背景居中.htm 变颜色的菜单.htm 标题栏显示时间.htm 打开于关闭窗口.htm 带阴影的时钟.htm 倒计时.htm 倒计时2.htm 导 ...

Global site tag (gtag.js) - Google Analytics