[angularjs教程]AngularJS一个简单的时钟展示实现例子

【www.bbyears.com--js教程】

一个简单的时间显示

 

    <script src="//cdn.bootcss.com/angular.js/1.3.17/angular.js"></script>

    <script type="text/javascript">

    angular.module('app',[]).controller('Ctrl',function ($scope,$interval) {

  $scope.clock = {

   now : new Date().toLocaleString()

  }

  var updateClock = function(){

      $scope.clock.now = new Date().toLocaleString() ;

  }

  $interval(function(){    

      updateClock()

  },1000)

  updateClock();

    })

    </script>





 

  
{{clock.now}}

 

效果如下：

简单，就是一个时钟效果，其中$interval是定时器，类似setInterval。

本文来源：http://www.bbyears.com/wangyezhizuo/84571.html