js计算加载当前网页所用时间代码

作者：袖梨 2022-07-02

提示：您可以先修改部分代码再运行

<p>

</style></p>
<div id="Mask">
<div id="Show"> </div>
</div>
<script language="javascript">

耗时:"+time+"毫秒"); 
	document.body.removeChild(document.getElementById("Mask"));
	a = null;
};
a.show("Show");

//为了测试
var File1 = {};
var File2 = {};
var File3 = {};
</script>
<h1>http://bbs./</h1>
<hr />
<p>很多BS结构的软件进入的第一个页面需要加载很多文件</p>
<p>我们目前在做的一个项目用的Extjs,除了Ext的文件，还有语言文件，Utils类等等，一个都是几十KB</p>
<p>进入首页的时候相当慢，给用户一种假死的感觉，体验相当不好</p>
<p>看了一些<a href="http://www.111com.net/flash_a/flash.html" target="_blank">flash</a>版的游戏（比如QQ农场），都有加载的效果觉得不错，就模仿一下 ^_______^ （笑脸也系模仿）</p>
<p>其实原理很简单，就是在加载页面完全加载之前循环判断对象是否存在，如果存在就明说明文件记载完成了</p>
<p>为了保证效率，这里还用到了cookie，第一次加载的时setTimeout(fun,200),之后就是setTimeout(fun,50)</p>
<p>更酷的页面进入效果可以写在回调函数中实现（比如改变Mask的透明度 ）</p>
<p>默认加载超时时间是10秒，可以在回调函数中判断如果超过10秒提示他刷新页面</p>
<p> </p>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><script type="text/javascript" src="http://www.prototypejs.org/javascripts/prototype.js"></script><script type="text/javascript" src="http://www.extjs.com/assets/js/extjs.js"></script>

提示：您可以先修改部分代码再运行

js计算加载当前网页所用时间代码

相关文章

精彩推荐