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

 更新时间:2017年12月01日 15:10:38   投稿:wdc   我要评论

本文简单说明利用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.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>

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

相关文章

  • ES6 中可以提升幸福度的小功能

    ES6 中可以提升幸福度的小功能

    这篇文章主要介绍了ES6 中可以提升幸福度的小功能,在量解构赋值的用途,函数的用处等方面给大家介绍,需要的朋友可以参考下
    2018-08-08
  • javascript 四则运算精度修正函数代码

    javascript 四则运算精度修正函数代码

    JS预算精度问题确实很麻烦,这个能解决一些问题,虽然有bug.
    2010-05-05
  • js Flash插入函数免激活代码

    js Flash插入函数免激活代码

    好多情况下flash会出现需要单击激活,不过一般新版本中直接插入随然不用激活但代码较多,下面的方法是个函数,其实代码也不少,不过思路很好,大家可以看看。
    2009-03-03
  • webpack dll打包重复问题优化的解决

    webpack dll打包重复问题优化的解决

    在使用dll plugin过程中出现的一个包依赖问题,这个问题导致打出来的包会包含重复的代码。这篇文章主要介绍了webpack dll打包重复问题优化的解决,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • 基于javascript实现文字无缝滚动效果

    基于javascript实现文字无缝滚动效果

    这篇文章主要介绍了基于javascript实现文字无缝滚动效果的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 一些常用且实用的原生JavaScript函数

    一些常用且实用的原生JavaScript函数

    日常开始中常用到的一些原生JavaScript函数,比较实用, 今天特地整理一下,分享给大家,希望对大家有用,会常更新,同时也欢迎大家补充.
    2010-09-09
  • avalonjs制作响应式瀑布流特效

    avalonjs制作响应式瀑布流特效

    瀑布流主要应用在图片展示页面上。如果有一大批图片需要展示,原始图片尺寸不一致,又希望每张图片都能不剪裁,完整显示,那么就要给图片规定一个宽度,解放它们的高度。利用网页高度不限这个特性,充分利用页面的空间,尽可能的展示多的图片。下面我们就来详细探讨下
    2015-05-05
  • js读取配置文件自写

    js读取配置文件自写

    这篇文章主要介绍了js读取配置文件的方法,需要的朋友可以参考下
    2014-02-02
  • JavaScript1.6数组新特性介绍以及JQuery的几个工具方法

    JavaScript1.6数组新特性介绍以及JQuery的几个工具方法

    这篇文章主要是对JavaScript1.6数组新特性以及JQuery的几个工具方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 通过JS自动隐藏手机浏览器的地址栏实现原理与代码

    通过JS自动隐藏手机浏览器的地址栏实现原理与代码

    大家通过手机自带浏览器打开百度、淘宝,在首页加载完毕后,会自动隐藏页面上方的地址栏,感兴趣的朋友可以参考下
    2013-01-01

最新评论