js简单网速测试方法完整实例

 更新时间:2015年12月15日 12:03:31   作者:bigwhiteshark  
这篇文章主要介绍了js简单网速测试方法,以完整实例形式分析了JavaScript基于网页图片下载进行测试网速的实现技巧,需要的朋友可以参考下

本文实例讲述了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://www.jb51.net/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实现画板功能

    这篇文章主要为大家详细介绍了javascript实现画板功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • JS实现简单表格排序操作示例

    JS实现简单表格排序操作示例

    这篇文章主要介绍了JS实现简单表格排序操作,结合具体实例形式分析了JavaScript事件响应及table表格动态操作相关技巧,需要的朋友可以参考下
    2017-10-10
  • JavaScript下一版本标准ES6的Set集合使用详解

    JavaScript下一版本标准ES6的Set集合使用详解

    ES6:全称ECMAScript 6.0,是JavaScript语言的国际标准,JavaScript是ECMAScript的实现。今天我们就来学习一下ES6的Set集合的使用
    2023-02-02
  • 微信小程序商城项目之商品属性分类(4)

    微信小程序商城项目之商品属性分类(4)

    这篇文章主要为大家详细介绍了微信小程序商城项目之商品属性值联动选择,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • postcss安装和使用示例详解

    postcss安装和使用示例详解

    这篇文章主要介绍了postcss安装和使用,通过这些深度集成,PostCSS不仅仅是一个简单的CSS处理工具,而是一种贯穿整个前端开发流程的技术手段,大大提升了CSS开发效率和产出质量,随着前端社区的发展,PostCSS的功能和应用场景也会更加丰富多元,需要的朋友可以参考下
    2024-03-03
  • three.js简单实现类似七圣召唤的掷骰子

    three.js简单实现类似七圣召唤的掷骰子

    这篇文章主要为大家介绍了three.js简单实现类似七圣召唤的掷骰子示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 深入探究V8引擎的底层原理

    深入探究V8引擎的底层原理

    V8引擎是一款由Google开发的JavaScript引擎,V8引擎采用了众多的优化措施,使得其在性能上得到了极大的提升,能够高效地执行JavaScript代码,本文将和大家一起探讨一下V8引擎底层原理,探究其优异性能之谜
    2023-06-06
  • JS利用ES6和ES5分别实现长整数和字节数组互转

    JS利用ES6和ES5分别实现长整数和字节数组互转

    这篇文章主要为大家详细介绍了长整数与字节数组互转的技术原理,文中提供了ES6(现代浏览器/Node.js)与ES5(兼容旧环境)两套实现方案,需要的可以参考下
    2025-04-04
  • 利用a标签自动解析URL分析网址实例

    利用a标签自动解析URL分析网址实例

    a标签也和window.location一样,也有这样属性,因此可以利用它来分析网址,下面的实例代码,大家可以看看
    2014-10-10
  • 纯JS 绘制数学函数

    纯JS 绘制数学函数

    今天闲来无事用js写了个数学绘图包,还不算完整,不过总出现了雏形。
    2009-04-04

最新评论