一個簡單的時間顯示
<html><head> <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> <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></head><body ng-app = 'app'> <div class="container" ng-controller='Ctrl'> <p>{{clock.now}}</p> </div></body></html>
效果如下：
簡單，就是一個時鐘效果，其中$interval是定時器，類似setInterval。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
