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 相关文章推荐
Flash+XML滚动新闻代码 无图片 附源码下载
Nov 22 Javascript
一个基于jquery的图片切换效果
Jul 06 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
Feb 17 Javascript
javascript递归回溯法解八皇后问题
Apr 22 Javascript
TypeScript 学习笔记之基本类型
Jun 19 Javascript
Node.js使用MySQL连接池的方法实例
Feb 11 Javascript
详解Javascript中new()到底做了些什么?
Mar 29 Javascript
小程序红包雨的实现示例
Feb 19 Javascript
聊聊Vue 中 title 的动态修改问题
Jun 11 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
Nov 27 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
Feb 17 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
Zend Guard一些常见问题解答
2008/09/11 PHP
Zend Framework入门教程之Zend_View组件用法示例
2016/12/09 PHP
PHP7新特性之抽象语法树(AST)带来的变化详解
2018/07/17 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
Javascript中产生固定结果的函数优化技巧
2013/01/16 Javascript
上传的js验证(图片/文件的扩展名)
2013/04/25 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
jQuery中:input选择器用法实例
2015/01/03 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
EasyUI在表单提交之前进行验证的实例代码
2016/06/24 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
JS实现类似百叶窗下拉菜单效果
2016/12/30 Javascript
基于JS实现bookstore静态页面的实例代码
2017/02/22 Javascript
Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
2017/05/10 Javascript
利用Javascript开发一个二维周视图日历
2017/12/14 Javascript
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
vue项目打包后请求地址错误/打包后跨域操作
2020/11/04 Javascript
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
Python 3实战爬虫之爬取京东图书的图片详解
2017/10/09 Python
Django2.1.3 中间件使用详解
2018/11/26 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
python 执行终端/控制台命令的例子
2019/07/12 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
基于tensorflow指定GPU运行及GPU资源分配的几种方式小结
2020/02/03 Python
浅析Python requests 模块
2020/10/09 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
行政助理岗位职责范文
2013/12/03 职场文书
小学生环保演讲稿
2014/04/25 职场文书
社区班子对照检查材料
2014/08/27 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
小学校园广播稿
2015/08/18 职场文书
2016年春节问候语
2015/11/11 职场文书
python 实现的截屏工具
2021/05/08 Python
详解Golang如何优雅的终止一个服务
2022/03/21 Golang