我想在 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

这是一个可能的解决方案：

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

Answer 2

在按钮中调用 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;
}

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

I Would like to add pause button to my countdown timer in angularjs

javascript

timer

angularjs