Allow to set a time limit for spinning-balls and output the pause distribution at the end.

benchmarks/spinning-balls/v.js

 // Copyright 2011 the V8 project authors. All rights reserved.
 // Redistribution and use in source and binary forms, with or without
 // modification, are permitted provided that the following conditions are
 // met:
 //
 //     * Redistributions of source code must retain the above copyright
 //       notice, this list of conditions and the following disclaimer.
 //     * Redistributions in binary form must reproduce the above
 //       copyright notice, this list of conditions and the following
 //       disclaimer in the documentation and/or other materials provided
@@ skipping 39 matching lines @@
 var kPointRadius = 4;
 var kInitialLifeForce = 100;
 
 var livePoints = void 0;
 var dyingPoints = void 0;
 var scene = void 0;
 var renderingStartTime = void 0;
 var scene = void 0;
 var pausePlot = void 0;
 var splayTree = void 0;
+var numberOfFrames = 0;
+var sumOfSquaredPauses = 0;
+var benchmarkStartTime = void 0;
+var benchmarkTimeLimit = void 0;
+var pauseDistribution = [];
 
 
 function Point(x, y, z, payload) {
   this.x = x;
   this.y = y;
   this.z = z;
 
   this.next = null;
   this.prev = null;
   this.payload = payload;
@@ skipping 266 matching lines @@
 Scene.prototype.draw = function () {
   this.ctx.save();
   this.ctx.clearRect(0, 0, this.width, this.height);
   this.drawDyingPoints();
   this.ctx.restore();
 
   this.angle += Math.PI / 90.0;
 };
 
 
+function updateStats(pause) {
+  numberOfFrames++;
+  if (pause > 20) {
+    sumOfSquaredPauses += (pause - 20) * (pause - 20);
+  }
+  pauseDistribution[pause / 10] |= 0;
+  pauseDistribution[pause / 10]++;
+}
+
+
+function renderStats() {
+  var msg = document.createElement("p");
+  msg.innerHTML = "Score " +
+    Math.round(numberOfFrames * 1000 / sumOfSquaredPauses);
+  var table = document.createElement("table");
+  table.align = "center";
+  for (var i = 0; i < pauseDistribution.length; i++) {
+    if (pauseDistribution[i] > 0) {
+      var row = document.createElement("tr");
+      var time = document.createElement("td");
+      var count = document.createElement("td");
+      time.innerHTML = i*10 + "-" + (i+1)*10 + "ms";
+      count.innerHTML = " => " + pauseDistribution[i];
+      row.appendChild(time);
+      row.appendChild(count);
+      table.appendChild(row);
+    }
+  }
+  div.appendChild(msg);
+  div.appendChild(table);
+}
+
+
 function render() {
   if (typeof renderingStartTime === 'undefined') {
     renderingStartTime = Date.now();
+    benchmarkStartTime = renderingStartTime;
   }
 
   ModifyPointsSet();
 
   scene.draw();
 
   var renderingEndTime = Date.now();
   var pause = renderingEndTime - renderingStartTime;
   pausePlot.addPause(pause);
   renderingStartTime = renderingEndTime;
 
   pausePlot.draw();
 
+  updateStats(pause);
+
   div.innerHTML =
       livePoints.count + "/" + dyingPoints.count + " " +
-      pause + "(max = " + pausePlot.maxPause + ") ms" ;
+      pause + "(max = " + pausePlot.maxPause + ") ms " +
+      numberOfFrames + " frames";
 
-  // Schedule next frame.
-  requestAnimationFrame(render);
+  if (renderingEndTime < benchmarkStartTime + benchmarkTimeLimit) {
+    // Schedule next frame.
+    requestAnimationFrame(render);
+  } else {
+    renderStats();
+  }
 }
 
 
+function renderForm() {
+  form = document.createElement("form");
+  form.setAttribute("action", "javascript:start()");
+  var label = document.createTextNode("Time limit in seconds ");
+  var input = document.createElement("input");
+  input.setAttribute("id", "timelimit");
+  input.setAttribute("value", "60");
+  var button = document.createElement("input");
+  button.setAttribute("type", "submit");
+  button.setAttribute("value", "Start");
+  form.appendChild(label);
+  form.appendChild(input);
+  form.appendChild(button);
+  document.body.appendChild(form);
+}
+
+
 function init() {
   livePoints = new PointsList;
   dyingPoints = new PointsList;
 
   splayTree = new SplayTree();
 
   scene = new Scene(640, 480);
 
   div = document.createElement("div");
   document.body.appendChild(div);
 
   pausePlot = new PausePlot(480, 240, 160);
 }
 
+function start() {
+  benchmarkTimeLimit = document.getElementById("timelimit").value * 1000;
+  document.body.removeChild(form);
+  init();
+  render();
+}
 
-init();
-render();
+renderForm();