js如何获取网页打开速度？

发布网友发布时间：2022-04-22 10:44

共1个回答

热心网友时间：2023-10-03 10:11

本文简单说明利用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.gxlcms.com";
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>上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在vue+vuex+axios+echarts中如何实现中国地图
解决输入框被输入法遮挡的问题
在js中如何解决软键盘遮挡输入框
在Angular2中如何实现组件交互
在JS+WCF中如何实现监测数据加载量