javascript - 如何在angular js中显示倒计时

Question

尝试使用 angular 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);
}