AngularJS 计时器

<div ng-controller="MyController">
    <!--显示$scope.clock的now属性-->
    <h1>hello {{clock.now}}</h1>
    <!--显示$scope.clock,里面有一个属性now-->
    <h1>hello {{clock}}</h1>
</div>
<script src="http://cdn.bootcss.com/angular.js/1.6.3/angular.js"></script>
<script>
    var app = angular.module("app", []);
    app.controller('MyController',
        function MyController($scope) {

            $scope.clock = {
                now: new Date()
            };
            var updateClock = function () {
                //获得当前时间
                $scope.clock.now = new Date();
            };

            //setInterval定时任务,定时任务只设置一次即可,时间间隔是1s
            setInterval(function () {
                //调用方法updateClock
                $scope.$apply(updateClock);
            }, 1000);

            updateClock();
        }
    );
</script>
posted @ 2017-11-21 17:00  Lulus  阅读(1202)  评论(0编辑  收藏  举报