JavaScriptを使用して速度を計算する

Question

以下のコードでは、画像のダウンロード速度を計算しようとしていますが、速度は無限大になります。私は間違って何をしていますか？

var imageAddr = "/images/image.jpg" + "?n=" + Math.random(); 
var startTime, endTime; 
var downloadSize = 200000; 
var download = new Image(); 
download.onload = function() { 
    endTime = (new Date()).getTime(); 
    showResults(); 
} 
startTime = (new Date()).getTime(); 
download.src = imageAddr; 

function showResults() { 
    var duration = Math.round((endTime - startTime)/1000); 
    var bitsLoaded = downloadSize * 8; 
    var speedBps = Math.round(bitsLoaded/duration); 
    var speedKbps = (speedBps/1024).toFixed(2); 
    var speedMbps = (speedKbps/1024).toFixed(2); 
    alert("Your connection speed is: \n" + 
      speedBps + " bps\n" + 
      speedKbps + " kbps\n" + 
      speedMbps + " Mbps\n"); 
} 

Answer 1

durationおそらく0を出て、ゼロで割った正の数は、JavaScriptで正の無限大の特別な値が得られています。

Answer 2

期間を四捨五入しないでください。

var duration = (endTime - startTime)/1000; 

Answer 3

はちょうどそれについて考える：endTimeとstartTimeは[ms]であるので、その差はミリ秒でもあります。スニペットのうち

Math.round((endTime - startTime)/1000); 
-> Math.round(300/1000); 
-> Math.round(0.3); 
-> 0 

脱退Math.round：300ミリ用の画像読み込みと

例。

は、そして他の人としてduration = 0が

speedBps = bitsLoaded/duration 
-> speedBps = bitsLoaded/0 
-> speedBps = Infinity 

しかしにつながる述べ、あなたがこのような正確な結果を得ることができないことに注意してください。あなたの例ではcannot be measuredの待ち時間、接続時間、最初のバイトまでの時間などがあり、画像の場合は< 1 MBとなり、結果が非​​常に不正確になります。

Answer 4

あなたの期間が0に近いため、 あなたは

するvar期間=（endTimeは - のstartTime）試してみてください/ 1000;