AngulaJs 会动的时间

y__jinhao

于 2016-06-05 15:14:58 发布

阅读量280

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/y__jinhao/article/details/51589592

本文介绍了一个简单的Angular应用，该应用能够实时更新显示当前的时间。通过设置定时器并利用AngularJS的数据绑定特性，实现了页面上时间的自动刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <!DOCTYPE html> 
    <html ng-app="lesson" ng-controller="lesson2" ng-init="id=1;name='qw';name1=['21','1qwe2']; namm={'a':1,'b':'wqd'} ">
    <head>
        <meta charset ="UTF-8"> 
        <title>Document</title>
    </head>
    <body>
        <ul>{{ow}}</ul>
        <script type="text/javascript" src="angular-1.5.5/angular.min.js"></script>
        <script type="text/javascript">
            var app=angular.module("lesson",[]);
            app.controller("lesson2",function($scope){
                    var now1=new Date();
                $scope.ow=now1.getHours()+':'+now1.getMinutes()+":"+now1.getSeconds();
                    $scope.SetTimer=function(){
                    $scope.$apply(function(){
                        var now=new Date();
                        $scope.ow=now.getHours()+':'+now.getMinutes()+':'+now.getSeconds()
                    })

                }
                $scope.SetTimerInterval=setInterval($scope.SetTimer,1*1000);
            })
        </script>
    </body>
    </html>