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