example1.html 1018 B

1234567891011121314151617181920212223242526
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Speedtest</title>
  5. </head>
  6. <body>
  7. <h1>Speedtest</h1>
  8. <h4>Download</h4>
  9. <div id="download"></div>
  10. <h4>Upload</h4>
  11. <div id="upload"></div>
  12. <h4>Latency</h4>
  13. <div id="ping"></div>
  14. <script type="text/javascript">
  15. var w=new Worker("speedtest_worker.js"); //create new worker
  16. setInterval(function(){w.postMessage("status");}.bind(this),100); //ask for status every 100ms
  17. w.onmessage=function(event){ //when status is received, split the string and put the values in the appropriate fields
  18. var data=event.data.split(";"); //string format: status;download;upload;ping (speeds are in mbit/s) (status: 0=not started, 1=downloading, 2=uploading, 3=ping, 4=done, 5=aborted)
  19. document.getElementById("download").innerHTML=data[1]+" Mbit/s";
  20. document.getElementById("upload").innerHTML=data[2]+" Mbit/s";
  21. document.getElementById("ping").innerHTML=data[3]+" ms";
  22. }
  23. w.postMessage("start"); //start the speedtest (default params: garbage.php empty.dat empty.dat)
  24. </script>
  25. </body>
  26. </html>