在angularjs实现一个时钟

最新推荐文章于 2021-10-06 20:46:43 发布

weixin_33862514

最新推荐文章于 2021-10-06 20:46:43 发布

阅读量167

点赞数

文章标签： javascript ViewUI

想在网页上，显示当前系统时钟。

<body ng-app="App2" ng-controller="Ctrl2">
    <div ng-bind="ShowTime"> 

    </div>
</body>

Source Code

angularjs程序：

 var app = angular.module('App2', []);

        app.controller('Ctrl2', function ($scope, $interval, $filter) {
            $scope.Timer = $interval(function () {
                var time = $filter('date')(new Date(), 'HH:mm:ss');
                $scope.ShowTime = time;
            },1000);           
        });

Source Code

演示：