运用JS代码检测网站的链接速度
【实例名称】
利用JS代码检测站点的链接速度
【实例描述】
判断一个站点的好坏，界面和速度都是关键因素。本例学习如何测试一个网站的链接速度。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-本站（www.xue51.com）</title> </head> <body> <script> indexArr=0 //连接网站的时间 setInterval("indexArr++",100) //设置循环的定时器 b=1 var autourl=new Array() //设置一个链接数组 autourl[1]="mail.163.com" autourl[2]="www.263.net" autourl[3]="www.sina.com.cn" autourl[4]="www.baidu.com" autourl[5]="www.cctv.com"
function writeBtn(){ document.write("<form name=autof>") //输出一个提交窗体 for(var i=1;i<autourl.length;i++) document.write("<input type=text name=txt"+i+" size=12 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>") //输出一个提交按钮 } writeBtn() function auto(url){ document.forms[0]["url"+b].value=url if(indexArr>200) {document.forms[0]["txt"+b].value="链接超时"} //如果超时，则提示此信息 else {document.forms[0]["txt"+b].value="时间"+indexArr/100+"毫秒"} //显示链接站点的时间 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> </body> </html>
【运行效果】
【难点剖析】
本例的目的是测试网站的链接速度，其中使用了一个定时器，每隔100毫秒计时一次(“indexArr’’变量自增），当站点连接完毕后，获取“indexArr”变量的值再除以100，便是连接站点需要的毫秒值。
【源码下载】
如果你不愿复制代码及提高代码准确性，你可以点击：检测站点的链接速度 进行本实例源码下载
……