testing/performance/talos/page_load_test/dhtml/movingtext.html

   1 <html><head>
   2 <!-- MOZ_INSERT_CONTENT_HOOK -->
   3 <title>Moving Text</title>
   4 </head><body onload="mzDhtmlStart();">
   5 <script language="JavaScript1.2">
   6
   7   var bDocAll = (document.all) ? 1 : 0;
   8   var xPos = 15;
   9   var numImages = 10;
  10   var i;
  11   var count = 0;
  12 var startTime;
  13
  14   function mzDhtmlStart()
  15   {
  16   startTime = Date.now();
  17     slide();
  18   }
  19
  20   function slide()
  21   {
  22     if (count != 70)
  23     {
  24       for (i = 0; i < numImages; ++ i)
  25       {
  26         xPos = (xPos > 800) ? 1 : xPos + 1;
  27         document.getElementById("slowdown"+i).style.left=xPos;
  28       }
  29       count++;
  30       setTimeout("slide()", 0);
  31     }
  32     else
  33       tpRecordTime(Date.now() - startTime);
  34   }
  35 </script>
  36 <div id="slowdown0" style="position: absolute; top: 0px;   left: 0px; color: red;">Now we're cooking with gas!</div>
  37 <div id="slowdown1" style="position: absolute; top: 20px;  left: 2px; color: red;">Now we're cooking with gas!</div>
  38 <div id="slowdown2" style="position: absolute; top: 40px;  left: 4px; color: red;">Now we're cooking with gas!</div>
  39 <div id="slowdown3" style="position: absolute; top: 60px;  left: 6px; color: red;">Now we're cooking with gas!</div>
  40 <div id="slowdown4" style="position: absolute; top: 80px;  left: 8px; color: red;">Now we're cooking with gas!</div>
  41 <div id="slowdown5" style="position: absolute; top: 100px; left: 8px; color: red;">Now we're cooking with gas!</div>
  42 <div id="slowdown6" style="position: absolute; top: 120px; left: 6px; color: red;">Now we're cooking with gas!</div>
  43 <div id="slowdown7" style="position: absolute; top: 140px; left: 4px; color: red;">Now we're cooking with gas!</div>
  44 <div id="slowdown8" style="position: absolute; top: 160px; left: 2px; color: red;">Now we're cooking with gas!</div>
  45 <div id="slowdown9" style="position: absolute; top: 180px; left: 0px; color: red;">Now we're cooking with gas!</div>
  46 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  47 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  48 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  49 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  50 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  51 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  52 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  53 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  54 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  55 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  56 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  57 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  58 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  59 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  60 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  61 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  62 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  63 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  64 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  65 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  66 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  67 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  68 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  69 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  70 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  71 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  72 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  73 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  74 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  75 Some Text for divs to fly over.  Some Text for divs to fly over.  Some Text for divs to fly over.
  76 </body></html>