angualrJS倒计时

<div class="time">
    <span id="t_d">{{d}}天</span>
    <span id="t_h">{{h}}时</span>
    <span id="t_m">{{m}}分</span>
    <span id="t_s">{{s}}秒</span>
</div>

$scope.d = '00';
$scope.h = '00';
$scope.m = '00';
$scope.s = '00';
$scope.getRTime = function () {
    var EndTime = new Date('2017/05/11 15:13:00');
    var NowTime = new Date();
    var t = EndTime.getTime() - NowTime.getTime();
    if (t >= 0) {
        $scope.d = Math.floor(t / 1000 / 60 / 60 / 24);
        $scope.h = Math.floor(t / 1000 / 60 / 60 % 24);
        $scope.m = Math.floor(t / 1000 / 60 % 60);
        $scope.s = Math.floor(t / 1000 % 60);

        $scope.d = $scope.d >= 10 ? $scope.d : '0' + $scope.d;
        $scope.h = $scope.h >= 10 ? $scope.h : '0' + $scope.h;
        $scope.m = $scope.m >= 10 ? $scope.m : '0' + $scope.m;
        $scope.s = $scope.s >= 10 ? $scope.s : '0' + $scope.s;
    }
    if ($scope.d ==0 && $scope.h ==0 && $scope.m ==0 && $scope.s ==0) {
        $interval.cancel($scope.timer);
    }
}
$scope.timer = $interval($scope.getRTime, 1000);
$scope.$on('$destroy', function () {
    $interval.cancel($scope.timer);
})

热评文章