用angularjs制作一个时钟-原创手记-慕课网

首页课程实战体系课手记专栏慕课教程

用angularjs制作一个时钟

qq_遁去的一_1 2018-04-27 13:30:01 浏览 3183

qq_遁去的一_1

关注TA

手记 252

粉丝 7

获赞 23

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

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

    </div></body>

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);           
        });

演示结果：