init check for running timers

Author: [email protected]

app/js/timer.js

@@ -13,8 +13,9 @@ angular.module('timer', [])
         }
 
         $scope.startTime = null;
-        $scope.timeoutId = null;
+        $scope.timeoutId = null; 
         $scope.countdown = $scope.countdownattr && parseInt($scope.countdownattr, 10) > 0 ? parseInt($scope.countdownattr, 10) : undefined;
+        $scope.isRunning = false;
 
         $scope.$on('timer-start', function (){
           $scope.start();
@@ -27,20 +28,29 @@ angular.module('timer', [])
         $scope.$on('timer-stop', function (){
           $scope.stop();
         });
+        
+        function init() {
+          if ($scope.timeoutId) {
+            $timeout.cancel($scope.timeoutId);
+          }  
+        }
 
         $scope.start = $element[0].start = function () {
           $scope.startTime = new Date();
+          init();
           tick();
         };
 
         $scope.resume = $element[0].resume = function () {
+          init();
           $scope.startTime = new Date() - ($scope.stoppedTime - $scope.startTime);
           tick();
         };
 
         $scope.stop = $element[0].stop = function () {
           $scope.stoppedTime = new Date();
           $timeout.cancel($scope.timeoutId);
+          $scope.timeoutId = null;
         };
 
         $element.bind('$destroy', function () {

examples.html

@@ -98,6 +98,8 @@
                         <ul class="dropdown-menu">
                             <li><a target="_new" href="https://github.com/siddii/angular-timer">View on Github</a></li>
                             <li><a target="_new" href="https://github.com/siddii/angular-timer/archive/master.zip">Download</a></li>
+                             <li>
+          <a href="index.html#contribute">Contribute</a></li>
                         </ul>
                     </li>
                 </ul>