當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
AngularJS 计时器
生活随笔
收集整理的這篇文章主要介紹了
AngularJS 计时器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<div ng-controller="MyController"><!--顯示$scope.clock的now屬性--><h1>hello {{clock.now}}</h1><!--顯示$scope.clock,里面有一個屬性now--><h1>hello {{clock}}</h1>
</div>
<script src="http://cdn.bootcss.com/angular.js/1.6.3/angular.js"></script>
<script>var app = angular.module("app", []);app.controller('MyController',function MyController($scope) {$scope.clock = {now: new Date()};var updateClock = function () {//獲得當前時間$scope.clock.now = new Date();};//setInterval定時任務,定時任務只設置一次即可,時間間隔是1ssetInterval(function () {//調用方法updateClock$scope.$apply(updateClock);}, 1000);updateClock();});
</script>
轉載于:https://www.cnblogs.com/Lulus/p/7874115.html
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的AngularJS 计时器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: windows系统OLLVM + NDK
- 下一篇: JAR包、WAR包及EAR包的区别