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 相关文章推荐
javascript两段代码,两个小技巧
Feb 04 Javascript
javascript 精粹笔记
May 09 Javascript
利用js制作html table分页示例(js实现分页)
Apr 25 Javascript
javascript与css3动画结合使用小结
Mar 11 Javascript
self.attachevent is not a function的解决方法
Apr 04 Javascript
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
p5.js入门教程之平滑过渡(Easing)
Mar 16 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
vue中的自定义分页插件组件的示例
Aug 18 Javascript
vue自动化路由的实现代码
Sep 30 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
使用element-ui +Vue 解决 table 里包含表单验证的问题
Jul 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
PHPStrom中实用的功能和快捷键大全
2015/09/23 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
Laravel 自动生成验证的实例讲解:login / logout
2019/10/14 PHP
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
javascript中的onkeyup和onkeydown区别介绍
2013/04/28 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
javascript实现随时变化着的背景颜色
2015/04/02 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
jquery实现的Banner广告收缩效果代码
2015/09/02 Javascript
JS实现光滑展开合拢的菜单效果代码
2015/09/16 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
2017/08/01 Javascript
Vue 表单控件绑定的实现示例
2017/08/11 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
Vue底层实现原理总结
2018/02/17 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
微信小程序自定义导航栏(模板化)
2019/11/15 Javascript
JavaScript缓动动画函数的封装方法
2020/11/25 Javascript
[04:09]显微镜下的DOTA2第十二期—NaVi美如画的团战
2014/06/23 DOTA
[08:54]DOTA2-DPC中国联赛 正赛 Aster vs LBZS 选手采访
2021/03/11 DOTA
在Python中操作字典之setdefault()方法的使用
2015/05/21 Python
Python读写Json涉及到中文的处理方法
2016/09/12 Python
5款非常棒的Python工具
2018/01/05 Python
对python中数组的del,remove,pop区别详解
2018/11/07 Python
Python如何定义有默认参数的函数
2020/08/10 Python
python实现文件+参数发送request的实例代码
2021/01/05 Python
大学生撤销处分思想汇报
2014/09/12 职场文书
王金山在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
2014年班务工作总结
2014/12/02 职场文书
签字仪式主持词
2015/07/03 职场文书
辩论赛新闻稿
2015/07/17 职场文书
MySQL获取所有分类的前N条记录
2021/05/07 MySQL
java objectUtils 使用可能会出现的问题
2022/02/28 Java/Android
python和Appium的移动端多设备自动化测试框架
2022/04/26 Python