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

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
   2 <HTML><HEAD>
   3
   4 <!-- MOZ_INSERT_CONTENT_HOOK -->
   5
   6 <SCRIPT type=text/javascript>
   7   var xPos = new Array;
   8   var yPos = new Array
   9   var pointObj = new Array;
  10   var intNumberOfBalls = 100;
  11   var intNumberOfTimes;
  12   var startTime;
  13
  14   function plotPoint()
  15   {
  16     for(var i=0; i<intNumberOfBalls; i++)
  17     {
  18       yPos[i] += 5;
  19       xPos[i] += 5;
  20       pointObject = pointObj[i];
  21       pointObject.style.top = yPos[i]+'px';
  22       pointObject.style.left = xPos[i]+'px';
  23     }
  24
  25     if (intNumberOfTimes--!=0)
  26       setTimeout("plotPoint()", 0);
  27     else
  28       tpRecordTime(Date.now() - startTime);
  29   }
  30
  31   function startNow()
  32   {
  33     for(var i=0; i < 100; i++)
  34     {
  35       var objImageNode = document.createElement('img');
  36       objImageNode.setAttribute('id','point' + i);
  37       objImageNode.setAttribute('src','images/3dball.gif');
  38       objImageNode.style.position = 'absolute';
  39       objImageNode.style.width = '30px';
  40       objImageNode.style.height = '30px';
  41       document.body.appendChild(objImageNode);
  42       pointObj[i] = document.getElementById("point"+i);
  43     }
  44
  45     for(var i=0; i<100; i++)
  46     {
  47       xPos[i]=i*10;
  48       yPos[i]=100;
  49     }
  50     intNumberOfTimes = 20;
  51     plotPoint();
  52   }
  53
  54   function mzDhtmlStart()
  55   {
  56     startTime = Date.now();
  57     startNow();
  58   }
  59
  60   </SCRIPT>
  61 </HEAD>
  62 <BODY onload="mzDhtmlStart();">
  63 </BODY></HTML>