1,測試單個網頁的執行速度:
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>頁面執行時間測試</title>
<script language="javascript" type="text/javascript">
var now=new Date();
var beginTime=now.getTime();
</script>
</head>
<body>
頁面執行時間統計：<div id="divPageLoadTime"></div>
</body>
<script language="javascript" type="text/javascript">
var endT=new Date();var endTime=endT.getTime();var spTime=(endTime-beginTime);
divPageLoadTime.innerHTML='頁面執行時間:'+spTime+'毫秒';
</script>
</html>
此方法也可用於測試服務器事件的執行時間．
2,客戶端事件的執行時間
例如:
<script type="text/javascript" >
var g_beginTime=new Date();
function searchEmpsCBL()
{
var now=new Date();
g_beginTime=now.getTime();
//以下略
var endT=new Date();
var endTime=endT.getTime();
var spTime=(endTime-g_beginTime);
divButtonTime.innerHTML='按鈕事件執行時間:'+spTime+'毫秒';
}
3,同時測試多個網站的速度
<html>
<head>
<title>測試你的鏡像站的速度</title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
</head>
<body>
<div align="center"><center>
<table cellPadding="0" cellSpacing="0" width="301">
<TBODY>
<tr>
<td align="center" width="299"><p style="MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px"><font
face="隸書" size="6" style="FONT-SIZE: 12pt" color="#FF0000">
<strong style="font-weight: 400">測試鏡像站的連接速度</strong></font></p>
<p align="center" style="MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px"> </td>
</tr>
</TBODY>
</table>
</center></div><script>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.chinaz.com"
autourl[2]="www.cnzz.com"
autourl[3]="www.163.com"
autourl[4]="www.263.net"
autourl[5]="www.8-du.net"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)document.write("<input type=text name=txt"+i+" size=10 value=測試中……> =》<input type=text name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="鏈接超時"}
else
{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl[i]+"/"+Math.random()+" width=1 height=1 onerror=auto('http://"+autourl[i]+"')>")}
run()</script>
<table border="0" width="100%">
<tr>
<td width="50%"><span style="font-size: 9pt"> 經常在網頁上見到所謂的連接速度多少秒,是不是覺得很高深,其實並不難,把本特效的一段代碼粘貼到網頁的相關位置,就輕松實現了這種效果,給網頁更增添幾分專業色彩.</span></td>
</tr>
</table>
</body>
</html>