From 08ee495e1ae32a012cfa6b6a23bf83af0ea81032 Mon Sep 17 00:00:00 2001
From: Michael Chan <mijoch@gmail.com>
Date: Thu, 12 Feb 2015 15:48:06 -0800
Subject: [PATCH] add timer demo

---
 index.html | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 06e8ca3..3ad5721 100644
--- a/index.html
+++ b/index.html
@@ -5,13 +5,27 @@
   <script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
 
   <script type="text/jsx">
-    var App = React.createClass({
-      render: function () {
-        return <div>Hello React</div>;
+    var Timer = React.createClass({
+      getInitialState: function() {
+        return {secondsElapsed: 0};
+      },
+      tick: function() {
+        this.setState({secondsElapsed: this.state.secondsElapsed + 1});
+      },
+      componentDidMount: function() {
+        this.interval = setInterval(this.tick, 1000);
+      },
+      componentWillUnmount: function() {
+        clearInterval(this.interval);
+      },
+      render: function() {
+        return (
+          <div>Seconds Elapsed: {this.state.secondsElapsed}</div>
+        );
       }
     });
 
-    React.render(<App />, document.body);
+    React.render(<Timer />, document.body);
   </script>
 </body>
 </html>