JS如何测试目标网站的打开响应速度

来源：互联网 2024-10-18 17:06:50

用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><ｓｃｒｉｐｔ language="javascript">tim=1setInterval("tim++",100)b=1var 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=&#39;padding:0px; margin:0px;&#39;>")for (var i = 1; i < autourl.length; i++) document.write("<input type=text name=txt" + i + " size=25 style=&#39;color:#999;&#39; 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=&#39;window.location.reload()&#39; type=submit value=&#39;刷新&#39; style=&#39;margin-top:10px&#39;></form>")}butt()function auto(url){document.forms[0]["url"+b].value=urlif(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()+"    style="max-width:90%"+autourl[i]+"&#39;) style=&#39;display:none&#39; alt="JS如何测试目标网站的打开响应速度" >")}run()</ｓｃｒｉｐｔ></body></html>

每台电脑所在的网络环境都很复杂，所以这个脚本得出的值只做参考。