网页添加一个加载耗时显示

很多小伙伴的网页底部都有一个加载耗时xx毫秒的显示：

这个其实是用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>

注意：如果你的网站使用了pjax无刷新加载，那么这个效果只会在第一次进入网站的时候或者手动刷新的时候才会生效，否则一直保持为首次加载时间。