利用JS代码检测站点的链接速度

2012/10/29 15:59:40作者：佚名来源：网络

移动端

【实例名称】

利用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，便是连接站点需要的毫秒值。

【源码下载】

如果你不愿复制代码及提高代码准确性，你可以点击：检测站点的链接速度进行本实例源码下载

标签： JS代码链接

上一篇：JS代码实现会跳舞的链接
下一篇：利用JS代码实现文本链接的渐变效果

热门软件/ 推荐游戏/ 手机软件

利用JS代码检测站点的链接速度

资讯分类

推荐教程

精品软件推荐