利用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 相关文章推荐
$()JS小技巧
Jul 21 Javascript
JavaScript面向对象程序设计教程
Mar 29 Javascript
jQuery dataTables与jQuery UI 对话框dialog的使用教程
Sep 02 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
Sep 23 Javascript
通过bootstrap全面学习less
Nov 09 Javascript
完美实现js选项卡切换效果(一)
Mar 08 Javascript
JavaScript中 DOM操作方法小结
Apr 25 Javascript
JavaScript表单即时验证 验证不成功不能提交
Aug 31 Javascript
细说webpack6 Babel的使用详解
Sep 26 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
JavaScript动画实例之粒子文本的实现方法详解
Jul 28 Javascript
Vue.js中使用Vuex实现组件数据共享案例
Jul 31 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
在“咖啡之国”感受咖啡文化
2021/03/03 咖啡文化
用PHP实现WEB动态网页静态
2006/10/09 PHP
PHP 和 MySQL 基础教程(一)
2006/10/09 PHP
php中的四舍五入函数代码(floor函数、ceil函数、round与intval)
2014/07/14 PHP
php获取本周开始日期和结束日期的方法
2015/03/09 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
PHP连接及操作PostgreSQL数据库的方法详解
2019/01/30 PHP
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
js实现杯子倒水问题自动求解程序
2013/03/25 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
2014/01/11 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
2016/11/07 Javascript
JS自定义混合Mixin函数示例
2016/11/26 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016/12/21 Javascript
bootstrap vue.js实现tab效果
2017/02/07 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
react redux入门示例
2018/04/19 Javascript
使用javascript函数编写简单银行取钱存钱流程
2018/05/26 Javascript
微信小程序之批量上传并压缩图片的实例代码
2018/07/05 Javascript
js get和post请求实现代码解析
2020/02/06 Javascript
python 3.6 tkinter+urllib+json实现火车车次信息查询功能
2017/12/20 Python
PyGame贪吃蛇的实现代码示例
2018/11/21 Python
使用python3批量下载rbsp数据的示例代码
2019/12/20 Python
tensorflow 固定部分参数训练,只训练部分参数的实例
2020/01/20 Python
Python内置类型性能分析过程实例
2020/01/29 Python
Python sorted对list和dict排序
2020/06/09 Python
Python类的继承super相关原理解析
2020/10/22 Python
OpenCV实现机器人对物体进行移动跟随的方法实例
2020/11/09 Python
Python中的流程控制详解
2021/02/18 Python
Python爬取网站图片并保存的实现示例
2021/02/26 Python
H5 meta小结(前端必看篇)
2016/08/24 HTML / CSS
HTML5仿微信聊天界面、微信朋友圈实例代码
2018/01/29 HTML / CSS
德国最大的网上鞋店之一:Schuhe24.de
2017/06/10 全球购物
招聘单位介绍信
2014/01/14 职场文书
最美劳动诗,致敬所有的劳动者!
2019/07/12 职场文书
如何用python插入独创性声明
2021/03/31 Python
Python 详解通过Scrapy框架实现爬取百度新冠疫情数据流程
2021/11/11 Python