我想在 angularjs 中为倒数计时器添加暂停按钮

Question

$scope.countdown = function () {
    countdownStop = $timeout(function () {
        if ($scope.counter == 0) {
            $scope.stop();
            $scope.completeRound();

        }
        else {
            $scope.counter--;
            $scope.countdown();
        }
    }, 1000);
};

$scope.stop = function () {
    $timeout.cancel(countdownStop);
}

here i can able to stop and start but now i would like to add pause button to my timer when user clicks on pause button how i can i do that i am new to angularjs i was added one button in my game to pause my game

Answer 1

In a button call the onPause handler.

var pause = false;
$scope.countdown = function () {
   countdownStop = $timeout(function () {
      if ($scope.counter == 0) {
        $scope.stop();
        $scope.completeRound();

      }
      else {
        if(!pause){
        $scope.counter--;
        $scope.countdown();
        }
     }
   }, 1000);
};

$scope.stop = function () {
   $timeout.cancel(countdownStop);
}

$scope.onPause = function(){
pause = !pause;
}

Answer 2

Here is a possible solution:

$scope.active = true;

$scope.start = function() {
    $scope.active = true;
    $scope.countdown();
};

$scope.countdown = function () {
    countdownStop = $timeout(function () {
        if ($scope.counter == 0) {
            $scope.stop();
            $scope.completeRound();

        }
        else {
            if ($scope.active) {
                $scope.counter--;
                $scope.countdown();
            }
        }
    }, 1000);
};

$scope.pause = function() {
    $scope.active = false;
};

$scope.stop = function () {
    $timeout.cancel(countdownStop);
}