利用JS测试目标网站的打开响应速度
更新时间:2017年12月01日 15:10:38 投稿:wdc
本文简单说明利用JS来测试目标网站的打开响应速度,方法简单明了大家一看就明白并附上了脚本源码
闲来无事,用JS写了一个简单的测试目录网站打开速度的小东西,注意这个只是本机打开目录网站的速度,不代表其它用户的打开也是这个速度,实际上也可用于测试本地网络速度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> </head> <body bgcolor="transparent" style="color:#FFFFFF;"> <style type="text/css"> input{font-size:12px;padding:0 5px;line-height:21px; font-family:tahoma;border:1px solid #ccc;height:21px;} </style> <script language="javascript"> tim=1 setInterval("tim++",100) b=1 var autourl = new Array(); autourl[1] = "www.qq.com"; autourl[2] = "www.jb51.net"; autourl[3] = "www.baidu.com"; autourl[4] = "www.sina.com"; function butt(){ document.write("<form name=autof style='padding:0px; margin:0px;'>") for (var i = 1; i < autourl.length; i++) document.write("<input type=text name=txt" + i + " size=25 style='color:#999;' 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 onclick='window.location.reload()' type=submit value='刷新' style='margin-top:10px'></form>") } butt() function auto(url){ document.forms[0]["url"+b].value=url if(tim>200) {document.forms[0]["txt"+b].value="网址"+b+"链接超时"} else { document.forms[0]["txt" + b].value = "网址" + b + ": 访问速度" + tim * 10 + "ms" } b++ } function run(){for(var i=1;i<autourl.length;i++)document.write("<img src="+autourl[i]+"/"+Math.random()+" width=1 height=1 onerror=auto('"+autourl[i]+"') style='display:none'>")} run() </script> </body> </html>
每台电脑所在的网络环境都很复杂,所以这个脚本得出的值只做参考。
相关文章
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
本篇文章是对构造函数与原型链混合方式的使用进行了详细的分析介绍。需要的朋友参考下2013-05-05JavaScript通过attachEvent和detachEvent方法处理带参数的函数
通过 attachEvent 和 detachEvent 方法处理带参数的函数(示例代码)2010-03-03
最新评论