Home >Web Front-end >JS Tutorial >How to test the opening response speed of the target website in JS

How to test the opening response speed of the target website in JS

亚连Original: 2018-06-22 18:25:241789browse

This article briefly explains how to use JS to test the opening response speed of the target website. The method is simple and clear, everyone can understand it at a glance and the script source code is attached.

I have nothing to do, so I wrote a simple test using JS A little thing about the opening speed of the directory website. Note that this is only the speed of opening the directory website on this machine. It does not mean that other users open the directory website at the same speed. In fact, it can also be used to test the local network speed.

<!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=&#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>

The above is what I compiled Everyone, I hope it will be helpful to everyone in the future.

How to implement the China map in vue vuex axios echarts

Solve the problem of the input box being blocked by the input method

How to solve the problem that the soft keyboard blocks the input box in js

How to implement component interaction in Angular2

How to monitor data loading in JS WCF

The above is the detailed content of How to test the opening response speed of the target website in JS. For more information, please follow other related articles on the PHP Chinese website!

echarts JS

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Cartesian product algorithm and multiple array Cartesian product in JS (detailed tutorial)Next article：Cartesian product algorithm and multiple array Cartesian product in JS (detailed tutorial)

See more

How to test the opening response speed of the target website in JS

Related articles