利用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 相关文章推荐
JavaScript 模拟类机制及私有变量的方法及思路
Jul 10 Javascript
javascript获取下拉列表框当中的文本值示例代码
Jul 31 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
Apr 06 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
基于JS实现仿百度百家主页的轮播图效果
Mar 06 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
Jul 10 Javascript
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
[js高手之路]图解javascript的原型(prototype)对象,原型链实例
Aug 28 Javascript
Node.js 使用流实现读写同步边读边写功能
Sep 11 Javascript
vscode中vue-cli项目es-lint的配置方法
Jul 30 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
Mar 27 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
Feb 07 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 SQL防注入代码集合
2008/04/25 PHP
PHP两种去掉数组重复值的方法比较
2014/06/19 PHP
浅谈PHP的反射API
2017/02/26 PHP
PHP用PDO如何封装简单易用的DB类详解
2017/07/30 PHP
PHP5.6读写excel表格文件操作示例
2019/02/26 PHP
JXTree对象,读取外部xml文件数据,生成树的函数
2007/04/02 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
css样式标签和js语法属性区别
2013/11/06 Javascript
javascript打印html内容功能的方法示例
2013/11/28 Javascript
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
JavaScript实现给定时间相加天数的方法
2016/01/25 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
JavaScript实现时间倒计时跳转(推荐)
2016/06/28 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
2016/08/10 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
JavaScript基于对象去除数组重复项的方法
2016/10/09 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
2017/04/20 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
2017/04/27 Javascript
Vue.js实现分页查询功能
2020/11/15 Javascript
微信小程序自定义带价格显示日历效果
2018/12/29 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
React 父子组件通信的实现方法
2019/12/05 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
python简单程序读取串口信息的方法
2015/03/13 Python
python3.6下Numpy库下载与安装图文教程
2019/04/02 Python
python代码中怎么换行
2020/06/17 Python
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
Zooplus罗马尼亚:宠物食品和配件
2019/11/02 全球购物
女子职高个人自荐书
2014/02/01 职场文书
初中学生期末评语
2014/04/24 职场文书
办公室领导干部作风整顿个人整改措施
2014/09/17 职场文书
廉洁自律个人总结
2015/02/14 职场文书
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS
Golang并发工具Singleflight
2022/05/06 Golang