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

   1 <html>
   2 <head>
   3 <!-- MOZ_INSERT_CONTENT_HOOK -->
   4 <style type="text/css">
   5 body      {background-color: #000000;}
   6 .header   { z-index: 2; visibility: hidden; position: absolute; font-weight: bold; font-family: comic sans ms; font-size: 48pt; color: #ffffff;}
   7 </style>
   8
   9 <title>Mozilla</title>
  10
  11 </head>
  12
  13 <script language="javascript">
  14 var num = 1;
  15 var mode = 1;
  16 var col = 255;
  17 var posx = 750;
  18 var count = 0;
  19 var startTime;
  20
  21 function mzDhtmlStart()
  22 {
  23   startTime = Date.now();
  24   doletters();
  25 }
  26
  27 function doletters()
  28 {
  29   if (mode == 1)
  30   {
  31     posx -= 15;
  32     var letter = document.getElementById("letter" + num).style;
  33     letter.visibility = "visible";
  34     letter.top = 40;
  35     letter.left = posx;
  36     var ispace = 0;
  37     if (num > 4)
  38       ispace = -20;
  39     if (posx <= (num * 70 + 180 + ispace))
  40     {
  41       letter.left = num * 70 + 180 + ispace;
  42       num++;
  43       posx = 750;
  44     }
  45   }
  46   else if (mode == 2)
  47   {
  48       var letter=document.getElementById("letter" + num).style;
  49       col -= 15;
  50       if (col > 16)
  51       {
  52         letter.color="rgb(255, " + col + "," + col + ")";
  53       }
  54       else
  55       {
  56         letter.color="#ff1010";
  57         col = 255;
  58         num++;
  59       }
  60   }
  61
  62   if (num > 7)
  63   {
  64     mode++;
  65     num = 1;
  66   }
  67
  68   if (mode < 3)
  69     setTimeout("doletters()", 0);
  70   else
  71     tpRecordTime(Date.now() - startTime);
  72 }
  73 </script>
  74
  75 <body onload="mzDhtmlStart();">
  76
  77 <div class="header" id="letter1">M</div>
  78 <div class="header" id="letter2">O</div>
  79 <div class="header" id="letter3">Z</div>
  80 <div class="header" id="letter4">I</div>
  81 <div class="header" id="letter5">L</div>
  82 <div class="header" id="letter6">L</div>
  83 <div class="header" id="letter7">A</div>
  84
  85 </body>
  86 </html>