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 相关文章推荐
围观tangram js库
Dec 28 Javascript
页面回到顶部的三种实现(锚标记,js)
Oct 01 Javascript
chrome浏览器不支持onmouseleave事件的解决技巧
May 31 Javascript
jquery实现简单的无缝滚动
Apr 15 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
Apr 16 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
深入理解Angular4订阅(Subscribe)与取消
Nov 22 Javascript
jQuery分组选择器简单用法示例
Apr 04 jQuery
JavaScript数组类型Array相关的属性与方法详解
Sep 08 Javascript
Nuxt.js的路由跳转操作(页面跳转nuxt-link)
Nov 06 Javascript
微信小程序实现分页加载效果
Nov 19 Javascript
JavaScript中时间格式化新思路toLocaleString()
Nov 07 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
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
2006/10/09 PHP
支持中文的php加密解密类代码
2011/11/27 PHP
ThinkPHP3.1基础知识快速入门
2014/06/19 PHP
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
Javascript 错误处理的几种方法
2009/06/13 Javascript
input 和 textarea 输入框最大文字限制的jquery插件
2011/10/27 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
2012/08/09 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
2013/05/19 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
基于javascript的COOkie的操作实现只能点一次
2014/12/26 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
深入理解JS正则表达式---分组
2016/07/18 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
jQuery Pagination分页插件_动力节点Java学院整理
2017/07/17 jQuery
js 原生判断内容区域是否滚动到底部的实例代码
2017/11/15 Javascript
JavaScript中发出HTTP请求最常用的方法
2018/07/12 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
原生js实现html手机端城市列表索引选择城市
2020/06/24 Javascript
用python实现面向对像的ASP程序实例
2014/11/10 Python
Python绘制3d螺旋曲线图实例代码
2017/12/20 Python
django drf框架中的user验证以及JWT拓展的介绍
2019/08/12 Python
python将邻接矩阵输出成图的实现
2019/11/21 Python
Django中使用MySQL5.5的教程
2019/12/18 Python
Python各种扩展名区别点整理
2020/02/27 Python
用HTML5的canvas实现一个炫酷时钟效果
2016/05/20 HTML / CSS
eBay奥地利站:eBay.at
2019/07/24 全球购物
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
力学专业毕业生自荐信
2013/11/17 职场文书
合同专员岗位职责
2013/12/18 职场文书
四查四看剖析材料
2014/02/14 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
群众路线专项整治工作情况报告
2014/10/28 职场文书
2015年度合同管理工作总结
2015/05/22 职场文书
党支部考察鉴定意见
2015/06/02 职场文书