Как показать обратный отсчет в угловых js

Question

Пытается создать демограмму обратного отсчета, используя угловые js.

Когда находится в состоянии ожидания в течение 30 секунд, мне нужно показать обратный отсчет, начиная от 10 до 0,

Как реализовать таймер обратного отсчета.

Это то, что я пробовал.

var time = $timeout(function() { 
      $rootScope.$broadcast('shutdwon'); 
       setTimeout(function() { 
        $location.path('/'); 
       }, 1500); 
     }, 30000); 

Answer 1

Его просто попробовать это

Working Demo

HTML

<div ng-app ng-controller="countController">Count starts after 30 seconds<div>Count :: {{countDown}}</div> 
<div> 

сценарий

function countController($scope, $timeout) { 
    $scope.countDown = 10; 
    var time = $timeout(function() { 
     var timer = setInterval(function() { 
      if ($scope.countDown > 0) { 
       $scope.countDown--; 
      } else { 
       clearInterval(timer) 
      } 
      $scope.$apply(); 
     }, 1500); 
    }, 30000); 
} 

Answer 2

Я сделал это, чтобы показать информацию о тайм-ауте сеанса.

Проверьте следующий пример кода. Которые можно улучшить и использовать в соответствии с вашими требованиями.

function MyCtrl($scope,$timeout) { 
     $scope.isUserActive = false; 
     $scope.userActivityInterval = 1000; 
     $scope.redirectLoginInterval =10000; 
     $scope.timerSpan= $scope.redirectLoginInterval/ $scope.userActivityInterval; 
     $scope.resetActivity=function() { 
      if ($scope.isUserActive == true) { 


       clearTimeout($scope.redirectTimer); 
       $scope.redirectTimer = $timeout($scope.redirectToLogin, $scope.redirectLoginInterval); 

       $scope.timerSpan = $scope.redirectLoginInterval/ $scope.userActivityInterval; 
      } 
      else { 
       $scope.timerSpan -= $scope.userActivityInterval/$scope.userActivityInterval; 
      } 

      clearTimeout($scope.activityTimer); 
      $scope.activityTimer = $timeout($scope.resetActivity, $scope.userActivityInterval); 

      $scope.isUserActive = false; 
     }; 

    $scope.activityTimer = $timeout($scope.resetActivity, $scope.userActivityInterval); 
     $scope.redirectTimer = $timeout($scope.resetActivity, $scope.redirectLoginInterval); 

}

Demo