js在线测下载速度

最新推荐文章于 2024-04-24 09:22:16 发布

HLongSh

最新推荐文章于 2024-04-24 09:22:16 发布

阅读量3.9k

点赞数

分类专栏：前端文章标签： javascript 文件下载 http

本文链接：https://blog.csdn.net/qq_33762043/article/details/78726579

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

 <html>
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src = "http://code.jquery.com/jquery-1.12.4.js" integrity = "sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin = "anonymous" >  </script>
<script type="text/javascript">
	
	
	
	$(function(){
		var total=0;
		var lastTotal=0;
		time=setInterval(function (){
			if(parseInt(total-lastTotal).toString().length>4){
				$("#speed").text('速度:'+((total-lastTotal)/1024).toFixed(2)+"m/s");
			}else{
				$("#speed").text('速度:'+parseInt(total-lastTotal)+"k/s");
			}
			
			lastTotal=total;
		}
		,1000);
		
		var text = $("#text");
		$("#send").click(function(){
			var xhr = new XMLHttpRequest();
			xhr.onreadystatechange =function(){
				if(xhr.readyState==3){
					text.text("已下载大小:"+(total=xhr.responseText.length/1024)+"k");
				}else if(xhr.readyState==4){
					text.text("已下载大小:"+(total=xhr.responseText.length/1024)+"k");
				} 
			}
			xhr.onload = function(e) { 
			    if(this.status == 200){
				console.log("测速完成");
			    }
			  };
			  xhr.open('GET', 'http://localhost:8080/Web/downLoad', true);
			  xhr.send(null);
			 
	})
	})
	</script>
	<center><button id="send">click</button> <center>
	
	<div id="text">
		已下载大小
	</div>
	<div id="speed">
		速度k/s:
	</div>
	</html>

HLongSh

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js在线测下载速度

&lt;html&gt; &lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;script src = "http://code.jquery.com/jquery-1.12.4.js" integrity = "sha256-Qw82+bXyGq
复制链接

扫一扫