From 23f269fba69a2b27312bec8ac8a13de53c4262fb Mon Sep 17 00:00:00 2001
From: Tony Garnock-Jones <tonygarnockjones@gmail.com>
Date: Wed, 11 May 2016 11:13:14 -0400
Subject: [PATCH] Use Syndicate.Timer in SVG example

---
 js/examples/svg/index.js | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/js/examples/svg/index.js b/js/examples/svg/index.js
index 279d06b..153eeda 100644
--- a/js/examples/svg/index.js
+++ b/js/examples/svg/index.js
@@ -1,30 +1,24 @@
 var DOM = Syndicate.DOM.DOM;
-var jQueryEvent = Syndicate.JQuery.jQueryEvent;
-
-assertion type time(value);
 
 $(document).ready(function () {
   ground dataspace G {
-    Syndicate.JQuery.spawnJQueryDriver();
     Syndicate.DOM.spawnDOMDriver();
+    Syndicate.Timer.spawnTimerDriver();
 
     actor {
-      setInterval(Syndicate.Dataspace.wrap(function () {
-        :: time(+(new Date()));
-      }), 1000);
-
       react {
-        on message time($now) {
-          this.angle = (((now / 1000) % 60) / 60) * 2 * Math.PI;
-          this.handX = 50 + 40 * Math.cos(this.angle);
-          this.handY = 50 + 40 * Math.sin(this.angle);
-        }
         assert DOM('#clock', 'clock',
                    '<svg width="300px" viewBox="0 0 100 100">'+
                    '<circle fill="#0B79CE" r=45 cx=50 cy=50/>'+
                    '<line stroke="#023963" x1=50 y1=50 x2='+this.handX+' y2='+this.handY+' />'+
                    '</svg>')
           when (typeof this.angle === 'number');
+
+        on message Syndicate.Timer.periodicTick(1000) {
+          this.angle = ((((Date.now() / 1000) % 60) / 60) - 0.25) * 2 * Math.PI;
+          this.handX = 50 + 40 * Math.cos(this.angle);
+          this.handY = 50 + 40 * Math.sin(this.angle);
+        }
       }
     }
   }