Hi SUJAYS,
Check this example. Now please take its reference and correct your code.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.8/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module('MyApp', []);
app.controller('MyController', function ($scope, $timeout) {
var date = Date.now();
var tick = function () {
date = new Date(date - 1000);
$scope.clock = date;
$timeout(tick, 1000);
}
$timeout(tick, 1000);
});
</script>
<div ng-app="MyApp" ng-controller="MyController">
Remaining Time : <b>{{clock | date:'HH:mm:ss'}}</b>
</div>
</body>
</html>
Demo
