Countdown stoppen um 0

Question

Der Versuch, einen einfachen Countdown zu erstellen, aber ich will es zu stoppen, sobald der Timer 0 erreicht .. Ich weiß nicht, wie man es implementieren.

function myButton($interval) { 
    return { 
     templateUrl: '/templates/myButton.html', 
     restrict: 'E', 
     replace: true, 
     scope: { }, 
     link: function(scope, element, attributes) { 
      scope.workTime = 3; 
      scope.buttonText = "Start"; 

      var timeSet; 

      scope.countdown = function() { 
       scope.workTime--; 
      } 
      scope.startTimer = function() { 
       if(scope.buttonText == "Reset") { 
        scope.workTime = 3; 
        $interval.cancel(timeSet); 
        scope.buttonText = "Start"; 
        console.log("test restarted"); 

       } else { 
        timeSet = $interval(scope.countdown,1000); 
        scope.buttonText = "Reset"; 
        console.log("test started"); 
       } 
      } 
     } 
    } 

}; 


<div> 
    <h1>{{ workTime}}</h1> 
    <button ng-click="startTimer()">{{buttonText}}</button> 
<div> 

Ich habe eine if-Anweisung versucht:

if (scope.workTimer === 0) { 
$interval.cancel(timeSet); 
} 

aber der Timer in die negativen Zahlen läuft weiter. Bitte helfen

Answer 1

Sie sollten die Bedingung für den Wert 0 in der

scope.countdown = function() { 

     if(scope.workTime === 0) 
     { 
     $interval.cancel(timeSet); 
     } 
     else 
     { 
     scope.workTime--; 
     } 
    } 

Plunker scope.countdown überprüfen: https://plnkr.co/edit/uziM32Ctcb80p15HZuFd?p=preview