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


Posted in Javascript onDecember 01, 2017

闲来无事,用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] = "3water.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>

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

Javascript 相关文章推荐
关闭时刷新父窗口两种方法
May 07 Javascript
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
JavaScript中使用Math.PI圆周率属性的方法
Jun 14 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
基于JS实现限时抢购倒计时间表代码
May 09 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
Angular实现表单验证功能
Nov 13 Javascript
Angularjs过滤器实现动态搜索与排序功能示例
Dec 13 Javascript
fullpage.js最后一屏滚动方式
Feb 06 Javascript
js中document.write和document.writeln的区别
Mar 11 Javascript
JS 数组和对象的深拷贝操作示例
Jun 06 Javascript
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 #Javascript
javascript按顺序加载运行js方法
Dec 01 #Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
Dec 01 #Javascript
javascript Function函数理解与实战
Dec 01 #Javascript
React Native react-navigation 导航使用详解
Dec 01 #Javascript
分析JS单线程异步io回调的特性
Dec 01 #Javascript
JavaScript定义及输出螺旋矩阵的方法详解
Dec 01 #Javascript
You might like
php遍历文件夹和文件列表示例分享
2014/03/11 PHP
php使用ob_flush不能每隔一秒输出原理分析
2015/06/02 PHP
php文件扩展名判断及获取文件扩展名的N种方法
2015/09/12 PHP
weiphp微信公众平台授权设置
2016/01/04 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
thinkphp中U方法按路由规则生成url的方法
2018/03/12 PHP
PHP实现的curl批量请求操作示例
2018/06/06 PHP
PHP实现正则匹配所有括号中的内容
2018/06/22 PHP
centos7上编译安装php7以php-fpm方式连接apache
2018/11/08 PHP
PHP7使用ODBC连接SQL Server2008 R2数据库示例【基于thinkPHP5.1框架】
2019/05/06 PHP
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
Javascript事件实例详解
2013/11/06 Javascript
jQuery中Form相关知识汇总
2015/01/06 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
2015/12/31 Javascript
jQuery树形控件zTree使用小结
2016/08/02 Javascript
基于JavaScript实现图片连播和联级菜单实例代码
2017/07/28 Javascript
webpack 1.x升级过程中的踩坑总结大全
2017/08/09 Javascript
vue cli使用绝对路径引用图片问题的解决
2017/12/06 Javascript
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
简单的Python的curses库使用教程
2015/04/11 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
详解python:time模块用法
2019/03/25 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
简单了解python的内存管理机制
2019/07/08 Python
python模块常用用法实例详解
2019/10/17 Python
Python如何优雅获取本机IP方法
2019/11/10 Python
python数据类型可变不可变知识点总结
2020/03/06 Python
Laura Geller官网:美国彩妆品牌
2018/12/29 全球购物
数据库基础的一些面试题
2012/02/25 面试题
房地产财务部员工岗位职责
2014/03/12 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
小学一年级学生评语大全
2014/12/25 职场文书
python 下载文件的几种方式分享
2021/04/07 Python
完美解决golang go get私有仓库的问题
2021/05/05 Golang
详解Javascript实践中的命令模式
2021/05/05 Javascript