在 angularjs 中使用 $timeout 时如何暂停和恢复计时器

Question

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);
}

Answer 1

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>

Answer 2

要取消超时请求，请调用 $timeout.cancel(promise)。