本文目录一览

1，请问用JS怎么获取网页加载完成所需时间

&lt;script&gt;<br> var start_time = new Date();<br> var end_time = "" ;<br> var t = setInterval(function(){<br> if(document.readyState=="complete"){aa();}<br> },500)<br><br> function aa(){<br> end_time = new Date();<br> alert(end_time.getTime() - start_time.getTime() );<br> clearInterval(t);<br> }<br>&lt;&#47;script&gt;
&lt;script&gt;<br> var start_time = new date();<br> var end_time = "" ;<br> var t = setinterval(function(){<br> if(document.readystate=="complete"){aa();}<br> },500)//毫秒为单位<br><br> function aa(){<br> end_time = new date();<br> alert(end_time.gettime() - start_time.gettime() );<br> clearinterval(t);<br> }<br>&lt;&#47;script&gt;
这个问题我感觉蛮难办的因为可能会有延时脚本、较大的素材等因素的影响，要想准确的输出页面加载完成的时间戳都比较困难。即使不考虑这个因素，通过js来获取页面刚开始加载的时间和加载完成的时间，在进行对比，难度是比较大的。毕竟js需要自己获取自己的状态，这个真不好办。。在浏览器层面，可以很轻松的使用开发调试工具来获取整体的加载时间，Firebug、Chrome Development Tools都有这个功能如果哪位朋友有比较好的解决思路，还望不吝赐教

请问用JS怎么获取网页加载完成所需时间

2，js怎么实现页面加载进度

<p>&lt;html&gt;<br>&lt;head&gt;<br>&lt;title&gt;页面加载&lt;/title&gt;<br>&lt;meta http-equiv="content-type" content="text/html; charset=gb2312"&gt;<br>&lt;/head&gt;<br>&lt;body bgcolor="#ffffff" leftmargin="0" topmargin="0"&gt;<br>&lt;table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%"&gt;<br>&lt;tr&gt; <br>&lt;form name=loading&gt;<br>&lt;td align=center&gt; <br>&lt;p&gt;&lt;font color=gray&gt;载入中，请稍候……&lt;/font&gt;&lt;/p&gt;<br>&lt;p&gt; <br>&lt;input type=text name=chart size=46 style="font-family:arial; <br>font-weight:bolder; color:gray;<br>&nbsp;background-color:white; padding:0px; border-style:none;"&gt;<br>&lt;br&gt;<br>&lt;input type=text name=percent size=46 style="font-family:arial; <br>color:gray; text-align:center; <br>border-width:medium; border-style:none;"&gt;<br>&lt;script&gt;var bar = 0 <br>var line = "||" <br>var amount ="||" <br>count() <br>function count(){ <br>bar= bar+2 <br>amount =amount + line <br>document.loading.chart.value=amount <br>document.loading.percent.value=bar+"%" <br>if (bar&lt;99) <br>{settimeout("count()",100);} <br>else <br>{window.location = &quot; <a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fwww.qq.com%2f%22%3b%7d" target="_blank">http://www.qq.com/&quot;;}</a><br>}<br>&lt;/script&gt;<br>&lt;/p&gt;<br>&lt;/td&gt;<br>&lt;/form&gt;<br>&lt;/tr&gt;<br>&lt;/table&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;</p> <p>&nbsp;</p> <p>参考一下吧</p>
分别在每个加载js和图片的完成后，刷新一次进度条，

js怎么实现页面加载进度


文章TAG：怎么  获取  加载  进度  js怎么获取加载进度  
下一篇