How to create Timer counter : AngularJS

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 <= 0) {
seconds = 60;
minutes--;
if (minutes <= 0) {
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}}

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 <= 0) {
seconds = 60;
minutes--;
if (minutes <= 0) {
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}}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Rajesh Gami8y ago
Accepted 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 <= 0) {
                    seconds = 60;
                    minutes--;
                    if (minutes <= 0) {

                        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