HTML:
```html
<div>
	当前带宽延时：<span id="ping" style="color: #f96868 !important;font-weight: bold;"></span>
</div>
<div>
	当前网速：<span id="wangluo" style="color: #f96868 !important;font-weight: bold;"></span>
</div>
```

JS:
```js
// ping ms
ping2();
var ping = 1;
function ping2() {
    ping = 1;
    setInterval("ping++", 100);
    newRequest();
    setTimeout('ping2()', 2000);
}
function newRequest(){
    var urlList = ['http://y1.andaijia.cn:8088'];
    for(var i=0;i<urlList.length;i++){
        $("#ping").html('测速中...');
        $("#ping").append("<img src="+urlList[i]+"/"+Math.random()+" width='1' height='1' onerror='autotest("+i+")' style='display:none'>");
    }
}
function autotest(i) {
    $("#ping").text(ping*100+"ms");
}

wangluo();
function wangluo() {
  if (navigator.onLine) {
    
  } else {
    $('#wangluo').html('已断网');
  }
}

// 网速 ks
var total=0;
var lastTotal=0;
setInterval(function (){
    if(parseInt(total-lastTotal).toString().length>4){
        $("#wangluo").html(((total-lastTotal)/1024).toFixed(2)+"m/s");
    }else{
        $("#wangluo").html(parseInt(total-lastTotal)+"k/s");
    }
    lastTotal=total;
}
,1000);
wangluo_ping()
function wangluo_ping() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange =function(){
    if(xhr.readyState==3){
        total=xhr.responseText.length/1024;
    }else if(xhr.readyState==4){
        total=xhr.responseText.length/1024;
    } 
  }
  xhr.onload = function(e) { 
    total=0;
    lastTotal=0;
    wangluo_ping();
  };
  xhr.open('GET', 'http://n.sinaimg.cn/news/1_img/upload/cf3881ab/133/w1000h733/20200401/40f4-irpunai2227410.jpg?d='+Math.random(), true);
  xhr.send(null);
}
```

已有0条评论

添加新评论☺

如果认为本文对您有所帮助请赞助本站

支付宝扫一扫赞助

已有0条评论

添加新评论☺