js简单网速测试方法完整实例


Posted in Javascript onDecember 15, 2015

本文实例讲述了js简单网速测试方法。分享给大家供大家参考,具体如下:

运行效果截图如下:

js简单网速测试方法完整实例

具体代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title> New Document </title>
 <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="xinmingyang">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 </head>
 <body>
 <SCRIPT language=JavaScript>
   var st = new Date();
</SCRIPT>
<IMG alt="测试图片" src="https://3water.com/images/logo.gif" onload="showspeed();">
<div id='showtxt'></div>
<script>
  var arr=["网速低于50KB","网速在50-100KB之间","网速在100-200KB之间","网速在200-300KB之间","视频通讯"];
  function showspeed() 
  { 
    var filesize =35.4;  //measured in KB  
    var et = new Date(); 
    var speed = Math.round(filesize*1000)/(et - st);
    document.title=speed;
    var scope=(speed>0 && speed<=50)?0:(speed>50 && speed<=100)?1:(speed>=100 && speed<200)?2:(speed>=200 && speed<300)?3:4;
    alert(scope)
    document.getElementById("showtxt").innerHTML = ("您的下载速度为:" + arr[scope] + " (K/秒)") 
  } 
</script>
 </body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js为空或不是对象问题的快速解决方法
Dec 11 Javascript
instanceof和typeof运算符的区别详解
Jan 06 Javascript
javascript实现在线客服效果
Jul 15 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
Dec 04 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
May 09 Javascript
简单实现jQuery进度条轮播实例代码
Jun 20 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
关于react中组件通信的几种方式详解
Dec 10 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
JS实现吸顶特效
Jan 08 Javascript
详解JavaScript数据类型和判断方法
Sep 04 Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 #Javascript
理解javascript闭包
Dec 15 #Javascript
jQuery检测滚动条是否到达底部
Dec 15 #Javascript
js实现根据身份证号自动生成出生日期
Dec 15 #Javascript
浅析javascript的return语句
Dec 15 #Javascript
轻松学习Javascript闭包函数
Dec 15 #Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 #Javascript
You might like
PHP临时文件的安全性分析
2014/07/04 PHP
自己写的php curl库实现整站克隆功能
2015/02/12 PHP
PHP实现通用alert函数的方法
2015/03/11 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
php使用高斯算法实现图片的模糊处理功能示例
2016/11/11 PHP
JS+PHP实现用户输入数字后显示最大的值及所在位置
2017/06/19 PHP
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
2010/01/22 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
JavaScript常用标签和方法总结
2015/09/01 Javascript
浅谈在js传递参数中含加号(+)的处理方式
2016/10/11 Javascript
jQuery向webApi提交post json数据
2017/01/16 Javascript
vue.js路由跳转详解
2017/08/28 Javascript
教你如何用node连接redis的示例代码
2018/07/12 Javascript
vue实现axios图片上传功能
2019/08/20 Javascript
layui 实现加载动画以及非真实加载进度的方法
2019/09/23 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
python使用循环打印所有三位数水仙花数的实例
2018/11/13 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
对python中矩阵相加函数sum()的使用详解
2019/01/28 Python
Python接口测试get请求过程详解
2020/02/28 Python
jupyter notebook读取/导出文件/图片实例
2020/04/16 Python
PyTorch在Windows环境搭建的方法步骤
2020/05/12 Python
Pycharm 跳转回之前所在页面的操作
2021/02/05 Python
CSS3的一个简单导航栏实现
2015/08/03 HTML / CSS
李维斯德国官方网上商店:Levi’s德国
2016/09/10 全球购物
COSETTE官网:奢华,每天
2020/03/22 全球购物
函数指针的定义是什么
2016/08/14 面试题
初中升旗仪式演讲稿
2014/05/08 职场文书
英语教研活动总结
2014/07/02 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
2014年司法所工作总结
2014/11/22 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
七一活动主持词
2015/06/29 职场文书
Centos环境下Postgresql 安装配置及环境变量配置技巧
2021/05/18 PostgreSQL