title: Timer is not getting reset using clearInterval()
body: <p>This is my Timer function</p>
  
  <pre><code>var myTimer = setInterval(function () {
      var d = new Date();
  
      var seconds = d.getMinutes() * 60 + d.getSeconds();
      var fiveMin = 60 * 5;
      var timeleft = fiveMin - seconds % fiveMin;
      var result = parseInt(timeleft / 60) + ':' + timeleft % 60;
      //console.log(result);
      var timerObj = {
          timer : result
      }
      $scope.timerArray = timerObj;
      $scope.$apply();
  
      if (timeleft === 1) { 
          $scope.statusDetails = [];
          $scope.timeDetails();
          $scope.get_dbStatus();                  
      }
  
  }, 1000);
  </code></pre>
  
  <p>This function will reset the above timer when I click a button.</p>
  
  <pre><code>$scope.refreshStatusList = function(){
      $scope.hide = true;
      $scope.$emit('LOAD');
      clearInterval(myTimer);
      $scope.statusDetails = [];
      $scope.timeDetails();
      $scope.get_dbStatus();  
  };
  </code></pre>
  
  <p>This is my refresh button in html page upon clicking it the timer must get reset.</p>
  
  <pre><code>&lt;div class="col-lg-2"&gt;
      &lt;a href="#" title="Refresh" ng-click="refreshStatusList();"&gt;
          &lt;i class="fa fa-refresh fa-lg"&gt;&lt;/i&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>