利用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 相关文章推荐
打开超链需要“确认”对话框的方法
Mar 08 Javascript
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
Nov 14 Javascript
人人网javascript面试题 可以提前实现下
Jan 05 Javascript
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
Jun 17 Javascript
javascript实现简单查找与替换的方法
Jul 22 Javascript
基于JS实现EOS隐藏错误提示层代码
Apr 25 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
JS实现商品筛选功能
Aug 19 Javascript
详解使用VueJS开发项目中的兼容问题
Aug 02 Javascript
多个Vue项目部署到服务器的步骤记录
Oct 22 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 STRING 陷阱原理说明
2010/07/24 PHP
本地机apache配置基于域名的虚拟主机详解
2013/08/10 PHP
PHP封装的字符串加密解密函数
2015/12/18 PHP
php $_SESSION会员登录实例分享
2021/01/19 PHP
javascript XML数据显示为HTML一例
2008/12/23 Javascript
javascript multibox 全选
2009/03/22 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
在HTML代码中使用JavaScript代码的例子
2014/10/16 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
2016/08/04 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
Zepto实现密码的隐藏/显示
2017/04/07 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
Angular排序实例详解
2017/06/28 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
vue如何获取自定义元素属性参数值的方法
2019/05/14 Javascript
nodejs读取图片返回给浏览器显示
2019/07/25 NodeJs
基于vue和websocket的多人在线聊天室
2020/02/01 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
浅谈flask中的before_request与after_request
2018/01/20 Python
用十张图详解TensorFlow数据读取机制(附代码)
2018/02/06 Python
python实现顺序表的简单代码
2018/09/28 Python
基于pandas中expand的作用详解
2019/12/17 Python
py-charm延长试用期限实例
2019/12/22 Python
Pycharm新手使用教程(图文详解)
2020/09/17 Python
python 利用panda 实现列联表(交叉表)
2021/02/06 Python
简单介绍CSS3中Media Query的使用
2015/07/07 HTML / CSS
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
Expedia英国:全球最大的在线旅游公司
2017/09/07 全球购物
优秀求职信范文分享
2014/01/26 职场文书
计算机售后服务承诺书
2014/05/30 职场文书
拾金不昧通报表扬范文
2015/05/05 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书
Python基础之变量的相关知识总结
2021/06/23 Python
用Java实现简单计算器功能
2021/07/21 Java/Android