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 相关文章推荐
向fckeditor编辑器插入指定代码的方法
May 25 Javascript
仿迅雷焦点广告效果(JQuery版)
Nov 19 Javascript
js判断输入是否为数字的具体实例
Aug 03 Javascript
javascript 自定义回调函数示例代码
Sep 26 Javascript
js函数内变量的作用域分析
Jan 12 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
Jan 13 Javascript
Bootstrap基本布局实现方法详解
Nov 25 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
Jan 12 Javascript
Javascript实现时间倒计时效果
Jul 15 Javascript
JS代码实现电脑配置检测功能
Mar 21 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
Aug 13 Javascript
小程序input数据双向绑定实现方法
Oct 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
中国站长站 For Dede4.0 采集规则
2007/05/27 PHP
PHP 程序授权验证开发思路
2009/07/09 PHP
PHP符合PSR编程规范的实例分享
2016/12/21 PHP
PHP htmlentities()函数用法讲解
2019/02/25 PHP
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
js同源策略详解
2015/05/21 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
2016/08/05 Javascript
JavaScript reduce和reduceRight详解
2016/10/24 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
2017/08/25 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
npm配置国内镜像资源+淘宝镜像的方法
2018/09/07 Javascript
基于Webpack4和React hooks搭建项目的方法
2019/02/05 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
vue2.x 对象劫持的原理实现
2020/04/19 Javascript
Python数据分析之如何利用pandas查询数据示例代码
2017/09/01 Python
Python进阶之尾递归的用法实例
2018/01/31 Python
Python管理Windows服务小脚本
2018/03/12 Python
Python3中bytes类型转换为str类型
2018/09/27 Python
python如何实现一个刷网页小程序
2018/11/27 Python
Django Rest framework频率原理与限制
2019/07/26 Python
详解Python绘图Turtle库
2019/10/12 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
Python DES加密实现原理及实例解析
2020/07/17 Python
详解利用canvas实现环形进度条的方法
2019/06/12 HTML / CSS
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
美国小蜜蜂Burt’s Bees德国官网:天然唇部、皮肤和身体护理产品
2020/06/14 全球购物
大学生四年生活自我鉴定
2013/11/21 职场文书
酒店led欢迎词
2014/01/09 职场文书
装修设计师求职信
2014/02/26 职场文书
外贸专业求职信
2014/03/09 职场文书
乡镇消防工作实施方案
2014/03/27 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
实习生个人总结范文
2015/02/28 职场文书
python绘制箱型图
2021/04/27 Python
漫画「处刑少女的生存之道」第3卷封面公开
2022/03/21 日漫
MySQL的存储函数与存储过程的区别解析
2022/04/08 MySQL