cari

Rumah  >  Artikel  >  hujung hadapan web  >  利用JS测试目标网站的打开响应速度_javascript技巧

利用JS测试目标网站的打开响应速度_javascript技巧

韦小宝
韦小宝asal
2017-12-04 13:40:101906semak imbas

本文简单说明利用JS来测试目标网站的打开响应速度,没想到JS还可以测试网站响应速度吧，那就让我们一起来看看JS脚本源码吧！

闲来无事,用JS写了一个简单的测试目录网站打开速度的小东西，注意这个只是本机打开目录网站的速度，不代表其它用户的打开也是这个速度，实际上也可用于测试本地网络速度


<!DOCTYPE html>
<html>
<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=&#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=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(&#39;"+autourl[i]+"&#39;) style=&#39;display:none&#39;>")}
run()
</script>
</body>
</html>


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

相关推荐：

js代码案列-根据日期计算星期几

前端的js框架总结以及用途讲解

JS开发中jssplice()方法如何使用

Atas ialah kandungan terperinci 利用JS测试目标网站的打开响应速度_javascript技巧. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：原生JS如何实现AJAX、JSONPArtikel seterusnya：JavaScript中的后退与刷新的实例详解

Artikel berkaitan

Lihat lagi