Added support to hide clock 10 minutes after presentation finishes

Author: petele

README

@@ -20,4 +20,9 @@ FULL POWER - Starts the timer at the time specified for the length specified and
       warnAt: 2
     }
   };
-  var t = PresentationTimer();
+  var t = PresentationTimer();
+  
+  
+  
+CHANGE LOG
+2011-09-20: added support to hide the clock 10 minutes after the presentation finishes.

test.html

@@ -21,6 +21,10 @@
     #cClock:hover {
       opacity: 1.0;
     }
+    
+    #cClock.hidden {
+      display: none;
+    }
 
 	</style>
 </head>
@@ -29,7 +33,8 @@
   <script src="config.js"></script>
   <script src="timer.js"></script>
   <script type="text/javascript">
-    var t = PresentationTimer(10, true);
+    var t = PresentationTimer();
+    t.start();
   </script>
 </body>
 </html>

timer.js

@@ -12,6 +12,10 @@
       opacity: 1.0;
     }
     
+    #cClock.hidden {
+      display: none;
+    }
+    
     window.timerConfig = window.timerConfig || {
       settings : {
         date: new Date('Sept 18 2011 16:22'),
@@ -66,7 +70,13 @@ var PresentationTimer = function(minutes, startImmediately) {
       setTimeout(timerTick, tickLength);
     } else if (currentTime > stopTime) {
       //console.log("after");
-      drawClock(0, "#f00");
+      var minOver = (currentTime.getTime() - stopTime.getTime()) / 1000 / 60;
+      if (minOver <= 10) {
+        drawClock(Math.ceil(minOver), "#f00");
+        setTimeout(timerTick, 15000);
+      } else {
+        showClock(false);
+      }
     } else {
       //console.log("during");
       minLeft = (stopTime.getTime() - currentTime.getTime()) / 1000 / 60;
@@ -95,6 +105,15 @@ var PresentationTimer = function(minutes, startImmediately) {
     ctx.fillText(min, 15, 15);
   }
 
+  var showClock = function(visible) {
+    var canvas = document.getElementById("cClock");
+    if (visible) {
+      canvas.classList.remove("hidden");  
+    } else {
+      canvas.classList.add("hidden");
+    }
+  }
+  
   var toRadians = function(val) {
     return (Math.PI / 180) * val;
   }