js簡單網速測試方法完整實例
更新時間:2015年12月15日 12:03:31 作者:bigwhiteshark
這篇文章主要介紹了js簡單網速測試方法,以完整實例形式分析了JavaScript基于網頁圖片下載進行測試網速的實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了js簡單網速測試方法。分享給大家供大家參考,具體如下:
運行效果截圖如下:

具體代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="xinmingyang">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<SCRIPT language=JavaScript>
var st = new Date();
</SCRIPT>
<IMG alt="測試圖片" src="http://www.dbjr.com.cn/images/logo.gif" onload="showspeed();">
<div id='showtxt'></div>
<script>
var arr=["網速低于50KB","網速在50-100KB之間","網速在100-200KB之間","網速在200-300KB之間","視頻通訊"];
function showspeed()
{
var filesize =35.4; //measured in KB
var et = new Date();
var speed = Math.round(filesize*1000)/(et - st);
document.title=speed;
var scope=(speed>0 && speed<=50)?0:(speed>50 && speed<=100)?1:(speed>=100 && speed<200)?2:(speed>=200 && speed<300)?3:4;
alert(scope)
document.getElementById("showtxt").innerHTML = ("您的下載速度為:" + arr[scope] + " (K/秒)")
}
</script>
</body>
</html>
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
javascript打造跨瀏覽器事件處理機制[Blue-Dream出品]
由于瀏覽器兼容的復雜性.打造一個較優(yōu)的跨瀏覽器事件處理函數.不是件容易的事情.各大類庫也都通過了種種方案去抽象一個龐大的事件機制.2010-07-07
JavaScript實現(xiàn)字符串轉數組的6種方法總結
數組是?JavaScript?中最強大的數據結構,我們常常通過將字符串轉換為數組來解決許多算法。本文為大家總結了6個JS字符串轉數組的方法,希望對你有所幫助2022-09-09
JavaScript實現(xiàn)省份城市的三級聯(lián)動
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)省份城市的三級聯(lián)動,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-02-02

