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 相关文章推荐
15 个 JavaScript Web UI 库
May 19 Javascript
js获取控件位置以及不同浏览器中的差别介绍
Aug 08 Javascript
JavaScript正则表达式中的ignoreCase属性使用详解
Jun 16 Javascript
JavaScript数据结构与算法之集合(Set)
Jan 29 Javascript
原生JS实现网络彩票投注效果
Sep 25 Javascript
angular实现表单验证及提交功能
Feb 01 Javascript
微信小程序开发之toast等弹框提示使用教程
Jun 08 Javascript
JavaScript中使用参数个数实现重载功能
Sep 01 Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
微信小程序如何实现全局重新加载
Jun 05 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 Javascript
js实现星星打分效果
Jul 05 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
图解上海144收音机
2021/03/02 无线电
使用 MySQL Date/Time 类型
2008/03/26 PHP
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
PHP mkdir()定义和用法
2009/01/14 PHP
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
PHP7+Nginx的配置与安装教程详解
2016/05/10 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
js关闭模态窗口刷新父页面或跳转页面
2012/12/13 Javascript
ie支持function.bind()方法实现代码
2012/12/27 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
关于Javascript 对象(object)的prototype
2014/05/09 Javascript
基于jquery实现动态竖向柱状条特效
2016/02/12 Javascript
浅析jquery数组删除指定元素的方法:grep()
2016/05/19 Javascript
JavaScript必知必会(三) String .的方法来自何方
2016/06/08 Javascript
javascript实现简单的ajax封装示例
2016/12/28 Javascript
vue2.0 elementUI制作面包屑导航栏
2018/02/22 Javascript
React 无状态组件(Stateless Component) 与高阶组件
2018/08/14 Javascript
jquery实现二级导航下拉菜单效果实例
2019/05/14 jQuery
js实现窗口全屏示例详解
2019/09/17 Javascript
jQuery弹框插件使用方法详解
2020/05/26 jQuery
在vue中实现给每个页面顶部设置title
2020/07/29 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
Python数据结构与算法之列表(链表,linked list)简单实现
2017/10/30 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
一百行python代码将图片转成字符画
2021/02/19 Python
印度网上药店:1mg
2017/10/13 全球购物
瑞士领先的网上超市:LeShop.ch
2018/11/14 全球购物
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
为什么要做架构设计
2015/07/08 面试题
期末总结的个人自我评价
2013/11/02 职场文书
模具设计与制造专业推荐信
2014/02/16 职场文书
动漫设计与制作专业推荐信
2014/07/07 职场文书