[HTML] HTML简单实现网络测速
来源:互联网 发布:朋友圈推广软件 编辑:程序博客网 时间:2024/05/06 09:39
1. 简单实现网络测速:
实现原理:通过系统服务器上的图片,来计算出当前访问服务的带宽;
注:准确性就不好说了,做此功能也只是想简单的显示给用户参考,请求的系统服务器的当前带宽!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title> 网络测速 </title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="Generator" content="EditPlus"><meta name="Author" content="xinmingyang"><meta name="Keywords" content=""><meta name="Description" content=""></head><body><!--<div>单位换算:宽带512kbps=64kb/s - 1M=128kb/s - 2M=256kb/s</div>--><div id="box"></div></body><script>setInterval("getSpeed()", 1000);function getSpeed(){var startTime = new Date().getTime();var img = new Image();img.src = "http://127.0.0.1:80/web/resources/img/bandwidth.jpg?timeStamp=" + startTime;img.onload = function(){// 图片大小var size = 204.94 * 1000;var endTime = new Date().getTime();var speed = parseInt(size / (endTime - startTime));var unit = "KB/S";if(speed >= 1024){speed = (speed / 1024).toFixed(2);unit = "MB/S";}document.getElementById("box").innerHTML = "当前带宽:"+ speed + unit + "<br/>请求用时:" + (endTime - startTime) / 1000 + "s";};}</script></html>
1 0
- [HTML] HTML简单实现网络测速
- HTML实现简单计算器
- 网络测速
- 网络测速
- 实现HTML的简单压缩
- HTML-简单的遮罩层实现
- nodejs 简单实现动态html
- 简单Html
- 简单HTML
- 简单html
- 简单HTML
- 简单HTML
- 简单HTML
- 简单html
- 简单HTML
- 使用UIWebView与html实现网络请求
- HTML DIV 层拖动简单实现
- HTML+CSS实现的简单注册表单
- C#中关于文件的
- Ubuntu14.04(64bit)下编译openjdk-7-jdk
- MD5Util
- leaked ServiceConnection com.baidu.location.LocationClient$1@426122f0
- BeanUtils拷贝属性容易忽视的坑
- [HTML] HTML简单实现网络测速
- Android中使用Gson解析JSON数据的两种方法
- vue-cli的搭建
- 处理session过期(401)身份过期用户重新登陆的方法之重写ajax
- tensorflow二元或softmax分类例子(手写体)
- C语言变量声明
- HDU5240 Exam
- BZOJ3774 最优选择-最小割
- 数据结构之单链表实现