js在线测下载速度

2024年6月10日 114次阅读 来源: HLongSh 
 <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
    原文地址: https://blog.csdn.net/qq_33762043/article/details/78726579
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞