Home > Article > Web Front-end > Use JS to test the opening response speed of the target website_javascript skills
This article briefly explains how to use JS to test the opening response speed of the target website. Unexpectedly, JS can also test the website response speed, so let us take a lookJSScript source code!
When I have nothing to do, I wrote a simple little thing using JS to test the opening speed of directory websites. Note that this is only the speed of opening directory websites locally. It does not mean that other users open the directory website at the same speed. In fact, It can also be used to test local network speed
<!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='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>
The network environment of each computer is very complex, so the value obtained by this script For reference only.
Related recommendations:
js code case - Calculating the day of the week based on the date
Summary of the front-end js framework and explanation of its uses
How to use the jssplice() method in JS development
The above is the detailed content of Use JS to test the opening response speed of the target website_javascript skills. For more information, please follow other related articles on the PHP Chinese website!