diff options
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-base | 50 |
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> |