javascript - 我想在 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);
}

在这里我可以停止和开始但是现在我想在用户点击暂停按钮时向我的计时器添加暂停按钮我该怎么做我是angularjs的新手我在我的游戏中添加了一个按钮来暂停我的游戏

Answer 1

在按钮中调用 onPause 处理程序。

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