[HTML] HTML简单实现网络测速
生活随笔
收集整理的這篇文章主要介紹了
[HTML] HTML简单实现网络测速
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1. 簡單實現(xiàn)網(wǎng)絡(luò)測速：
實現(xiàn)原理：通過系統(tǒng)服務(wù)器上的圖片，來計算出當(dāng)前訪問服務(wù)的帶寬；
注：準(zhǔn)確性就不好說了，做此功能也只是想簡單的顯示給用戶參考，請求的系統(tǒng)服務(wù)器的當(dāng)前帶寬！
<!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> 網(wǎng)絡(luò)測速 </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 = "當(dāng)前帶寬："+ speed + unit + "<br/>請求用時：" + (endTime - startTime) / 1000 + "s";};}</script> </html>總結(jié)
以上是生活随笔為你收集整理的[HTML] HTML简单实现网络测速的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： easypoi导入excel实践方法：
- 下一篇： 【前端】纯CSS实现探照灯效果