AngularJS 计时器 - zLulus/My_Note GitHub Wiki

<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>
⚠️ **GitHub.com Fallback** ⚠️