How to create Timer counter : AngularJS

Question

How to create timer in MVC using AngularJS. I want to timer like as : 00:00:00 format(hh:mm:ss). first i enter minute in view side then after i want to show timer like as above. if i enter 5 minutes then show like as 00:05:00.

Rajesh Gami · Answer

first you paste below code in your angularJS controller function controller.js app.controller( "ControllerName" , function ($scope) { var queCount1 = angular.element(document.getElementById( "examTime" )); $scope.time = queCount1.val(); var countDowner, countDown = $scope.time * 60; var hours = Math.floor(countDown / 3600); var minutes = Math.floor((countDown % 3600) / 60); var seconds = Math.floor(countDown % 60); var secondsToStr = '' + ( '00' + hours).substr(-2) + 'h : ' + ( '00' + minutes).substr(-2) + 'm : ' + ( '00' + seconds).substr(-2) + 's' ; countDowner = function () { $scope.clock = hours + "" + minutes + "" + seconds; if (seconds seconds = 60; minutes--; if (minutes if (hours > 0) { minutes = 59; hours--; } } else { } } seconds--; $scope.countDown_text = secondsToStr; $scope.countDown_text3 = ( '00' + hours).substr(-2); $scope.countDown_text1 = ( '00' + minutes).substr(-2); $scope.countDown_text2 = ( '00' + seconds).substr(-2); $timeout(countDowner, 1000); }; }); in view index.cshtml "clock" >Total time: {{ countDown_text}} "clock > 0" >Time left: {{ countDown_text3}}:{{countDown_text1}}:{{countDown_text2}}s "color:red" ng-show= "clock == 0" >Times up . OUTPUT: If you enter 5 minute then output : 00:05:00