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

196 阅读 0 评论 130 点赞

我是靠谱客的博主眯眯眼美女，这篇文章主要介绍用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>
服务器代码写法：

复制代码代码如下:

 
protected DateTime dt; 
protected void Page_Load(object sender, EventArgs e) 
{ 
} 
protected override void OnPreInit(EventArgs e) 
{ 
dt = DateTime.Now; 
base.OnPreInit(e); 
} 
protected override void OnLoadComplete(EventArgs e) 
{ 
base.OnLoadComplete(e); 
TimeSpan ts = DateTime.Now - dt; 
Response.Write("加载页面用时：" + ts.TotalMilliseconds); 
} 