js簡單網(wǎng)速測試方法完整實例
更新時間：2015年12月15日 12:03:31 作者：bigwhiteshark
這篇文章主要介紹了js簡單網(wǎng)速測試方法,以完整實例形式分析了JavaScript基于網(wǎng)頁圖片下載進行測試網(wǎng)速的實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了js簡單網(wǎng)速測試方法。分享給大家供大家參考，具體如下：
運行效果截圖如下：
具體代碼如下：
<!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=["網(wǎng)速低于50KB","網(wǎng)速在50-100KB之間","網(wǎng)速在100-200KB之間","網(wǎng)速在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動態(tài)添加單元格的腳本代碼...2007-11-11
這篇文章主要介紹了JavaScript數(shù)組常用方法的相關資料,非常的詳細，需要的朋友可以參考下2015-03-03![javascript打造跨瀏覽器事件處理機制[Blue-Dream出品]](http://img.jbzj.com/images/xgimg/bcimg2.png)
javascript打造跨瀏覽器事件處理機制[Blue-Dream出品]
由于瀏覽器兼容的復雜性.打造一個較優(yōu)的跨瀏覽器事件處理函數(shù).不是件容易的事情.各大類庫也都通過了種種方案去抽象一個龐大的事件機制.2010-07-07
今天小編就為大家分享一篇layui表格數(shù)據(jù)復選框回顯設置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了js實現(xiàn)圖片淡入淡出效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
JavaScript實現(xiàn)字符串轉數(shù)組的6種方法總結
數(shù)組是?JavaScript?中最強大的數(shù)據(jù)結構，我們常常通過將字符串轉換為數(shù)組來解決許多算法。本文為大家總結了6個JS字符串轉數(shù)組的方法，希望對你有所幫助2022-09-09
本文給大家分享使用js和css3制作的炫酷彈窗效果，整個背景模糊，要比純色加透明度高大上好多。對js彈窗效果感興趣的朋友一起學習吧2016-11-11
JavaScript實現(xiàn)省份城市的三級聯(lián)動
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)省份城市的三級聯(lián)動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁面需要撲捉用戶按下回車自動提交的需求，于是相到在body里添加onkeydown事件跳javascript在提交表單，具體看下實現(xiàn)代碼，希望對你有所幫助2013-04-04
JScript的條件編譯...2007-05-05