JSFiddle - React, Tailwind, and code Playground

by deathhell

HTML

<div ng-app>
    <div ng-controller="Controller">
        <div>{{countdown}}</div>
        <button ng-click="stopCount()">stop</button>
        <button ng-click="continueCount()">continue</button>
    </div>
</div>

JavaScript

function Controller($scope, $timeout){
    $scope.countdown=10;
    $scope.onTimeout = function(){
        $scope.countdown--;
        mytimeout = $timeout($scope.onTimeout,1000);
    }
    var mytimeout = $timeout($scope.onTimeout,1000);
    $scope.continueCount = function(){
        mytimeout = $timeout($scope.onTimeout,1000);
    }
    $scope.stopCount = function(){
        $timeout.cancel(mytimeout);
    }

}