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="http://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程序设计有所帮助。
相关推荐
-
angularjs中的e2e测试实例
在上一篇文章里有讲到ng的单元测试,今天来说说e2e(端对端)测试. 当我们测试某个模块的单个功能点时,单元测试最适合,不过当面临用户进行多个页面交互的时候产生bug了,单元测试就不行了,这时候就得用e2e来模拟用户操作还原问题现场.当然利用e2e测试也能够测试程序的健壮性,很多单元测试办不到的事情,e2e测试都能够办到. 之前,ng是利用Angular Scenario Runner来运行e2e测试,现在已经换成Protractor来跑e2e了. Protractor Protractor是A
-
纯js实现div内图片自适应大小(已测试,兼容火狐)
这代码实现的功能就是平常我们遇到的一个div里面包含img的时候,在img图片大小未知,div大小未知的情况下,让图片自适应大小,对于图片本身小于div容器大小时,不作处理.因为如果拉伸,图片可能就失真了. 废话不多说,直接上代码,已测试,兼容火狐,谷歌,IE6,IE7/8 以下是js代码: 复制代码 代码如下: <script type="text/javascript" language="javascript"> window.onload=fun
-
JavaScript中匿名、命名函数的性能测试
我们经常通过匿名函数(Anonymous function)来写回调. 简单来讲匿名即没有名字的函数,一般都立即执行.但是它与命名函数(有名字的函数)的性能如何呢? 我们可以比较一下,我们随便找一台可以执行Shell命令的计算机来使用大量函数调用看一看二者执行消耗时间: anonymous.js 复制代码 代码如下: var count = 100000000 , sum = 0 while (count--) (function() { sum++ })() 执行一下 复制代码 代码如
-
原生javascript兼容性测试实例
1.获取样式表里面的width,border color 之类的css(不是行间) 主要是IE6-7支持currentStyle,标准浏览器支持getComputedStyle; 实例:封装函数 复制代码 代码如下: function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; } else{ return getComputedStyle(obj,false)[name]; } } 调用:ge
-
访问百度和谷歌网速测试的javascript代码
以下是访问百度和谷歌网速测试,请问怎么把得到的二个值保存到save变量里,并用document.write(save); 输出出来,谢谢! "); for(var i=1;i"); } document.write(""); } butt(); function auto(url,b){ document.forms[0]["txt"+b].value="响应时间:"+tim/100+"秒" } funct
-
JavaScript中的document.referrer在各种浏览器测试结果
前段时间需要通过 JavaScript 获取页面的来源,这个操作很简单,使用 document.referrer 就可以获取到了.不过,实际应用中还是有很多意外情况,这儿简单整理一下. 首先遇到的问题,是从 HTTPS 页面转到 HTTP 页面后,document.referrer 的值为空.出于安全性考虑,很多网站的一些重要页面(比如淘宝的登录页面)都会使用 HTTPS 协议.如果某个未登录用户在页面 A(HTTP 页面)点击了页面 B(HTTP 页面)的链接,但页面 B 需要用户登录,于是先
-
javascript页面渲染速度测试脚本分享
复制代码 代码如下: /* 获取渲染开始的时间戳, 保存在数组PAGE_SPEED_TIME中 */<html><script type="text/javascript">/*tag*/PAGE_SPEED_TIME = [new Date().getTime()];</script><head>......</head> 复制代码 代码如下: ....../* 页面最末端,计算页面加载耗用的时间 */</body&g
-
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> <m
-
js简单的分页器插件代码实例
这篇文章主要介绍了js简单的分页器插件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 自己引入jquery插件,我的demo是引入的自己本地的query 代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/
-
10个python爬虫入门基础代码实例 + 1个简单的python爬虫完整实例
本文主要涉及python爬虫知识点: web是如何交互的 requests库的get.post函数的应用 response对象的相关函数,属性 python文件的打开,保存 代码中给出了注释,并且可以直接运行哦 如何安装requests库(安装好python的朋友可以直接参考,没有的,建议先装一哈python环境) windows用户,Linux用户几乎一样: 打开cmd输入以下命令即可,如果python的环境在C盘的目录,会提示权限不够,只需以管理员方式运行cmd窗口 pip install
-
JavaScript实现简单的四则运算计算器完整实例
本文实例讲述了JavaScript实现简单的四则运算计算器.分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>computer</title> <script> function compute(){ str1=Number
-
JS简单实现无缝滚动效果实例
本文实例讲述了JS简单实现无缝滚动效果.分享给大家供大家参考,具体如下: <!doctype html> <title>javascript无缝滚动</title> <meta charset="utf-8" /> <meta name="keywords" content="javascript无缝滚动" /> <meta name="description"
-
js简单实现标签云效果实例
本文实例讲述了js简单实现标签云效果.分享给大家供大家参考.具体如下: 这里的JavaScript标签云,基于妙味课堂miaov.js文件,非常流行的网页效果,在网页的右侧或左侧开辟一小块地方,用来显示热门的标签,形式就选择标签云吧,绝对酷哦,相信你也会喜欢. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh
-
JS简单操作select和dropdownlist实例
本文实例讲述了JS简单操作select和dropdownlist的方法.分享给大家供大家参考.具体实现方法如下: 一.js选中服务器控件select与dropdownlist 1. js操作服务器控件select 复制代码 代码如下: <select id="selectID" onchange="return showMessage()"> <option value="0">==请选择==</optio
-
js实现简单实用的AJAX完整实例
本文实例讲述了js实现简单实用的AJAX的方法.分享给大家供大家参考,具体如下: //版权归属 WUJXPING //ajax 1.2 //更新2012-2-20 //1.异步数据加载可以进行加载方式get,post的设定 //2.异步同步模式的属性设定 //3.数据加载自动超时设置 //4.***数据加载事件的添加,通过事件可以进行服务器数据的实时处理 //5.增加回调函数中用户自定义参数this.e //6.增加ajax反复提交控制,只需将ajax对象定义为全局变量,每次提交都会进行等待上次
-
JS实现简单的天数计算器完整实例
本文实例讲述了JS实现简单的天数计算器.分享给大家供大家参考,具体如下: 刚学了JS,想做个计算两个日期之间相差天数的东西,因为本人总是要算距离XX还有多少天.. 开始用很笨的方法写了一个,写完百度了一下,发现用 Date() 的话 几行代码就可以搞定.自己看语法的时候一扫而过,觉得会了,其实是不会的,至少在该用它的时候都想不到他有这个功能,这就是掌握类库的重要性吧. 先放上写的很笨的那种方法: index.html <!DOCTYPE html> <html lang="en
-
js实现的简单图片浮动效果完整实例
本文实例讲述了js实现的简单图片浮动效果.分享给大家供大家参考,具体如下: 利用window对象,实现一个图片的浮动效果 1.现有一个广告div,就是我们要控制的,它的起始点(0,0) 2.设定横向和纵向的速度 3.控制广告div移动 1)广告div是否达到边界 2)如果到达边界后,我们设置速度反向移动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
随机推荐
- 在Django框架中自定义模板过滤器的方法
- ASP.NET Mvc开发之查询数据
- swift3.0 创建sqlite数据库步骤方法
- php使用百度天气接口示例
- jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
- PHP 获取客户端真实IP地址多种方法小结
- 详解spring mvc对异步请求的处理
- java自定义注解接口实现方案
- js时间日期和毫秒的相互转换
- 使用Python对Csv文件操作实例代码
- 通过上下左右键和回车键切换光标实现代码
- 基于jQuery实现页面搜索功能
- JS拖拽插件实现步骤
- tbody元素支持嵌套的注意方法
- win2003 R2升级提示另一个应用程序要求重新启动的解决方法
- Android仿硅谷商城实现购物车实例代码
- vue如何截取字符串
- Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
- Java微信退款开发
- vue 组件内获取actions的response方式