JSFiddle - React, Tailwind, and code Playground

by dpeaep

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc6.min.js"></script>
<!doctype html>
<html ng-app>
<head>
    <script src="http://code.angularjs.org/angular-1.0.0rc11.min.js"></script>
    <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
</head>
<body>
<div ng-controller="AlbumCtrl">
{{counter}}
    <button ng-click="reset()">Reset</button>    
</div>
</body>
</html>

JavaScript

function AlbumCtrl($scope,$timeout) {
    $scope.counter = 5;
    $scope.onTimeout = function(){
        $scope.counter--;
        if ($scope.counter > 0) {
            mytimeout = $timeout($scope.onTimeout,1000);
        }
        else {
            alert("Time is up!");
        }
    }
    var mytimeout = $timeout($scope.onTimeout,1000);
    
    $scope.reset= function(){
        $scope.counter = 5;
        mytimeout = $timeout($scope.onTimeout,1000);
    }
            
}