example.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Speedtest</title>
  5. <script type="text/javascript" src="speedtest.js"></script>
  6. </head>
  7. <body>
  8. <h1>Speedtest</h1>
  9. <h4>Download</h4>
  10. <div id="download">Wait...</div>
  11. <h4>Upload</h4>
  12. <div id="upload">Wait...</div>
  13. <h4>Latency</h4>
  14. <div id="ping">Wait...</div>
  15. <script type="text/javascript">
  16. var tester=new DownloadTester("garbage.php");
  17. var d=document.getElementById("download");
  18. tester.onUpdate=function(){
  19. d.innerHTML=tester.getValue()+" Megabit/s";
  20. }
  21. tester.onFail=function(){
  22. d.innerHTML="Failed";
  23. tester.onDone();
  24. }
  25. tester.onDone=function(){
  26. tester=new UploadTester("upload-test");
  27. d=document.getElementById("upload");
  28. tester.onUpdate=function(){
  29. d.innerHTML=tester.getValue()+" Megabit/s";
  30. }
  31. tester.onFail=function(){
  32. d.innerHTML="Failed";
  33. tester.onDone();
  34. }
  35. tester.onDone=function(){
  36. tester=new PingTester("empty.dat");
  37. d=document.getElementById("ping");
  38. tester.onUpdate=function(){
  39. d.innerHTML=tester.getValue()+" ms";
  40. }
  41. tester.onFail=function(){d.innerHTML="Failed";}
  42. }
  43. }
  44. </script>
  45. </body>
  46. </html>