Oblicz prędkość za pomocą javascript

Question

W poniższym kodzie próbuję obliczyć prędkość pobierania obrazu, ale prędkość wychodzi jako nieskończoność. Co ja robię źle?

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 jest prawdopodobnie wychodzi 0, a dodatnia liczba podzielona przez zero daje szczególną wartość dodatnią nieskończoność w JavaScript.

Answer 2

Po prostu nie zaokrąglaj czasu trwania.

var duration = (endTime - startTime)/1000; 

Answer 3

Pomyślcie o tym: endTime i startTime są w [ms], więc ich różnica jest również w ms.

Przykład z załadunkiem obrazu dla 300 ms:

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

Pozostaw Math.round z fragmencie.

A potem jak inni stwierdził duration = 0 doprowadzi do

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

Ale, należy pamiętać, że nie można uzyskać dokładne wyniki jak ten. Występuje opóźnienie, czas połączenia, czas do pierwszego bajtu itd., Który według twojego przykładu i cannot be measured doprowadzi do bardzo niedokładnych wyników.

Answer 4

ponieważ czas jest bliski 0, należy spróbować

var duration = (EndTime - startTime)/1000;