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://m.fzitv.net/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程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要為大家詳細介紹了javascript實現(xiàn)畫板功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
這篇文章主要介紹了JS實現(xiàn)簡單表格排序操作,結(jié)合具體實例形式分析了JavaScript事件響應(yīng)及table表格動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2017-10-10
ES6：全稱ECMAScript 6.0，是JavaScript語言的國際標準，JavaScript是ECMAScript的實現(xiàn)。今天我們就來學(xué)習(xí)一下ES6的Set集合的使用2023-02-02
這篇文章主要為大家詳細介紹了微信小程序商城項目之商品屬性值聯(lián)動選擇,具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了postcss安裝和使用,通過這些深度集成,PostCSS不僅僅是一個簡單的CSS處理工具,而是一種貫穿整個前端開發(fā)流程的技術(shù)手段,大大提升了CSS開發(fā)效率和產(chǎn)出質(zhì)量,隨著前端社區(qū)的發(fā)展,PostCSS的功能和應(yīng)用場景也會更加豐富多元,需要的朋友可以參考下2024-03-03
這篇文章主要為大家介紹了three.js簡單實現(xiàn)類似七圣召喚的擲骰子示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
V8引擎是一款由Google開發(fā)的JavaScript引擎，V8引擎采用了眾多的優(yōu)化措施，使得其在性能上得到了極大的提升，能夠高效地執(zhí)行JavaScript代碼，本文將和大家一起探討一下V8引擎底層原理，探究其優(yōu)異性能之謎2023-06-06
JS利用ES6和ES5分別實現(xiàn)長整數(shù)和字節(jié)數(shù)組互轉(zhuǎn)
這篇文章主要為大家詳細介紹了長整數(shù)與字節(jié)數(shù)組互轉(zhuǎn)的技術(shù)原理,文中提供了ES6（現(xiàn)代瀏覽器/Node.js）與ES5（兼容舊環(huán)境）兩套實現(xiàn)方案,需要的可以參考下2025-04-04
a標簽也和window.location一樣，也有這樣屬性，因此可以利用它來分析網(wǎng)址，下面的實例代碼，大家可以看看2014-10-10
今天閑來無事用js寫了個數(shù)學(xué)繪圖包，還不算完整，不過總出現(xiàn)了雛形。2009-04-04