Skip to content

AngularJS 计时器

曾璐 edited this page Mar 28, 2017 · 1 revision
<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>
Clone this wiki locally