i used this code for pause timer:
when using $timeout in angularjs how to implement pause and resume functionality
$scope.pause = function(){
window.clearTimeout(t);
}
timedcounter = function () {
time = time + 1;
localStorage.autotimertime = time;
t = $timeout(timedcounter, 1000);
display(time);
}
In this snippet, I am showing the time and a button is used to stop/restart the timeout.
You should add your logic inside the onTimeout function
var app = angular.module('myapp', []);
app.controller('myCtrl', function($scope, $timeout) {
$scope.time = 0;
$scope.stopped = false;
$scope.onTimeout = function() {
$scope.time = $scope.time + 1;
//Your logic here
//localStorage.autotimertime = time;
//display(time);
mytimeout = $timeout($scope.onTimeout, 1000);
}
var mytimeout = $timeout($scope.onTimeout, 1000);
$scope.stopTimeout = function() {
$scope.stopped = true;
$timeout.cancel(mytimeout);
}
$scope.restatTimeout = function() {
$scope.stopped = false;
mytimeout = $timeout($scope.onTimeout, 1000);
}
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myapp" ng-controller="myCtrl">
<p ng-bind="time"></p>
<button ng-click="stopTimeout()" ng-show="!stopped">STOP ME !</button>
<button ng-click="restatTimeout()" ng-show="stopped">RESUME ME!</button>
</div>To cancel a timeout request, call $timeout.cancel(promise).
