一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery统计页面加载时间的例子

时间:2016-07-06 编辑:简简单单 来源:一聚教程网

有时我们想要统计页面加载时间,以前分享过一个用php的方法。
但是php是服务器端的,在应用中数据显示非常不符合实际。
其实最好的方法应该是在客户端统计时间,利用js或jquery是最佳选择。
首先在之后紧接着添加下面代码,利用全局变量保存开始载入的时间:

 代码如下 复制代码

在需要输出的地方输出一个id为qingzzLastTimeShow的span或者font,例如:

 代码如下 复制代码


    页面加载耗时:

最后在上面添加统计结束时间和改变页面显示的代码:

注意:

下面的代码中,分享了大浮点数的加减乘除法的精确算法,其中仅使用sub和div,另外两个可以删除。
加减和除是准确算法,乘法只是比较精确的方法。

 代码如下 复制代码

结束时间只有在页面文件加载完成并执行完其他jquery代码之后才会统计因此是非常准确的

热门栏目