aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/demos/.svn/text-base/fpsdisplay.html.svn-base
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/demos/.svn/text-base/fpsdisplay.html.svn-base')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/demos/.svn/text-base/fpsdisplay.html.svn-base50
1 files changed, 50 insertions, 0 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/demos/.svn/text-base/fpsdisplay.html.svn-base b/contexts/data/lib/closure-library/closure/goog/demos/.svn/text-base/fpsdisplay.html.svn-base
new file mode 100644
index 0000000..65f9c50
--- /dev/null
+++ b/contexts/data/lib/closure-library/closure/goog/demos/.svn/text-base/fpsdisplay.html.svn-base
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<!--
+Copyright 2011 The Closure Library Authors. All Rights Reserved.
+
+Use of this source code is governed by the Apache License, Version 2.0.
+See the COPYING file for details.
+-->
+<head>
+<title>FPS Display</title>
+<script type="text/javascript" src="../base.js"></script>
+
+<script type="text/javascript">
+
+ goog.require('goog.debug.FpsDisplay');
+ goog.require('goog.string');
+
+</script>
+<body>
+<div id="fpsdisplay"></div>
+<button onclick="doSomethingExpensive()">Do something expensive and watch FPS decrease</button>
+<button onclick="stop()">Stop expensive action</button>
+<button onclick="display()">Alert FPS</button>
+<div id="output"></div>
+</body>
+<script>
+
+ var fpsDisplay = new goog.debug.FpsDisplay();
+ fpsDisplay.render(document.getElementById('fpsdisplay'));
+
+ var handle;
+ function doSomethingExpensive() {
+ var output = document.getElementById('output');
+ var appender = function() {
+ output.innerHTML += goog.string.repeat('<div>a </div>', 20);
+ // Force layout.
+ var b = output.offsetHeight;
+ }
+ handle = window.setInterval(appender, 20);
+ }
+
+ function stop() {
+ window.clearInterval(handle);
+ }
+
+ function display() {
+ alert(fpsDisplay.getFps());
+ }
+</script>
+</html>