網頁測速

分享一個網頁測速的小插件,代碼如下:
<!DOCTYPE html>
<html>
<head>
    <title>網速測試</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<SCRIPT language=JavaScript>
    var start = new Date();
</SCRIPT>
<img alt="測試圖片" src="https://imagecomics.com/uploads/releases/_small/Mayday_02-1.png?<?php echo time();?>" οnlοad="testspeed();" />
<script>
    var arr=["撥號上網","2兆","4兆","6兆","8兆","10兆","20兆","50兆","100兆","網速超神"];
    function testspeed()
    {
        var filesize = 274;  //測試圖片實際大小,單位(kb)
        var end = new Date();
        var speed = Math.round(filesize * 1000)/(end - start);
        var scope = (speed > 0 && speed <= 50) ? 0 : (speed > 50 && speed <= 400) ? 1 : (speed >= 400 && speed < 600) ? 2 : (speed >= 600 && speed < 800) ? 3 : (speed >= 800 && speed < 1000) ? 4 : (speed >= 1000 && speed < 1300) ? 5 : (speed >= 1300 && speed < 2300) ? 6 : (speed >= 2300 && speed < 4000) ? 7 : (speed >= 4000 && speed < 7000) ? 8 : 9;
        document.getElementById("speed").innerHTML = ("您的上網環境:" + arr[scope] + " ,實際下載速度:" + speed.toFixed(0) + "KB;")
    }
</script>
<div id='speed'></div>
</body>

實際效果如下:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章