JS检测不同域名响应速度

AndyYang| 阅读:4534 发表时间:2016-09-07 21:10:30 js
摘要:看很多网站都有多个域名,然后给用户展示每个域名的响应时间,用户自行选择哪个域名访问该站。很好奇,js可以实现ping?看了下源码,原来都是通过onerror来实现的。
看很多网站都有多个域名,然后给用户展示每个域名的响应时间,用户自行选择哪个域名访问该站。很好奇,js可以实现ping?看了下源码,原来都是通过onerror来实现的。于是整理个简单的例子:

html代码:
<p><a href='http://www.webyang.net' target='_blank'>www.webyang.net</a>&nbsp;&nbsp;<span></span></p>
<p><a href='http://www.csdn.net' target='_blank'>www.csdn.net</a>&nbsp;&nbsp;<span></span></p>
<p><a href='http://www.yanghehong.cn' target='_blank'>www.yanghehong.cn</a>&nbsp;&nbsp;<span></span></p>
js代码:
var ping    = 1,
    urlList = ['http://www.webyang.net','http://www.csdn.net','http://www.yanghehong.cn'];

setInterval("ping++",100);
newRequest();
function newRequest(){
    for(var i=0;i<urlList.length;i++){
        $("p").eq(i).find('span').html('测速中...');
        $("p").eq(i).find('span').append("<img src="+urlList[i]+"/"+Math.random()+" width='1' height='1' onerror='autotest("+i+")' style='display:none'>");
    }
}

function autotest(i){
    $("p").eq(i).find("span").text(ping*100+"ms");
}
有点意思,记录下~

本文为AndyYang原创,转载请注明出处!
如果您觉得好,可以打赏作者:
如果您觉得累了,是否想看点美女养养眼:猛戳>>朋友帮
如果您觉得皮了,是否想来点神吐槽:猛戳>>iPhone查询中

已有0条评论

昵称:
邮箱:

  • 最新评论

iPhone查询中 - bbs.ipcxz.com 朋友帮 - www.pengyb.cn iPhone查询中 - bbs.ipcxz.com
反馈
微信订阅号