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> <span></span></p>
<p><a href='http://www.csdn.net' target='_blank'>www.csdn.net</a> <span></span></p>
<p><a href='http://www.yanghehong.cn' target='_blank'>www.yanghehong.cn</a> <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");
}
有点意思,记录下~
已有0条评论