网页测速
2016-12-16 18:16
393 查看
分享一个网页测速的小插件,代码如下:
实际效果如下:
<!DOCTYPE html> <html> <head> <title>网速测试</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <SCRIPT language=JavaScript> var start = new Date(); </SCRIPT> <img alt="测试图片" src="https://imagecomics.com/uploads/releases/_small/Mayday_02-1.png?<?php echo time();?>" onload="testspeed();" /> <script> var arr=["拨号上网","2兆","4兆","6兆","8兆","10兆","20兆","50兆","100兆","网速超神"]; function testspeed() { var filesize = 274; //测试图片实际大小,单位(kb) var end = new Date(); var speed = Math.round(filesize * 1000)/(end - start); var scope = (speed > 0 && speed <= 50) ? 0 : (speed > 50 && speed <= 400) ? 1 : (speed >= 400 && speed < 600) ? 2 : (speed >= 600 && speed < 800) ? 3 : (speed >= 800 && speed < 1000) ? 4 : (speed >= 1000 && speed < 1300) ? 5 : (speed >= 1300 && speed < 2300) ? 6 : (speed >= 2300 && speed < 4000) ? 7 : (speed >= 4000 && speed < 7000) ? 8 : 9; document.getElementById("speed").innerHTML = ("您的上网环境:" + arr[scope] + " ,实际下载速度:" + speed.toFixed(0) + "KB;") } </script> <div id='speed'></div> </body>
实际效果如下:
相关文章推荐
- Google推在线网页测速—Page Speed
- 网页测速,以及定时刷新
- phantomjs学习之网页访问测速
- 40种网页常用小技巧(JavaScript)
- "AV终结者"病毒发作症状及防范措施&和杀毒有关的网页和软件都无法打开或者安装(重装系统后也一样),
- 网页图片显示一段时间后自动隐藏 怎样实现 实现代码
- 网页配色实例:Web设计色彩速查表
- 【转贴】高品质的网页设计: 实例与技巧
- 网页图片延迟加载的jQuery插件-Lazy Load Plugin for JQuery
- 使用MFC开发网页提取程序的经验总结
- 解决Github使用Fastly CDN而导致不能加载网页的方法 转自 沙丘:http://www.enkoo.net/fastly-cdn-in-gifhub.html
- DIV+CSS网页设计常用布局代码
- 用IE打开一个网页
- 原生css初级网页响应式布局
- 如何让网页顶格显示?
- 简单的爬虫网页下载举例
- 网页特效代码
- Microsoft Visual Studio .NET 2003网页浏览时按钮控件不能显示
- CSS教程:CSS控制网页文字排版实例
- 网络连接正常,可上Q却不能开网页---汇总!