AngularJs 延時器、計時器實例代碼
更新時間：2017年09月16日 14:41:41 作者：莫_莫
這篇文章主要介紹了AngularJs 延時器、計時器實例代碼,需要的朋友可以參考下
1.$timeout延時器
apptest.controller("main",function($scope,$timeout){
$scope.pink="pink";
$scope.box="第二個盒子";
$timeout(function(){
$scope.pink="第一個盒子內(nèi)容，延遲兩秒后改變了";
},2000);
setTimeout(function(){
$scope.pink="第一個盒子內(nèi)容，延遲3秒后改變了";
$scope.$apply();//手動更新視圖
},3000);
}
2.$interval計時器
//計時器
var timer= $interval(function(){
console.log(1);
},1000);
//清除計時器
$interval.cancel(timer);
點擊不可用
<button ng-click="clickb()" ng-disabled="flag">{{num}}</button>
$scope.flag=false;
$scope.clickb=(function(){
$scope.flag=true;
$scope.num=5;
var int = $interval(function(){
$scope.num--;
if($scope.num==-1){
$scope.flag=false;
$scope.num="點擊倒計時5秒";
$interval.cancel(int);
}
},1000);
});
總結
以上所述是小編給大家介紹的AngularJs 延時器、計時器實例代碼，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
關于angular js_$watch監(jiān)控屬性和對象詳解
下面小編就為大家?guī)硪黄P于angular js_$watch監(jiān)控屬性和對象詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
本篇文章主要介紹了angularJS 指令封裝回到頂部示例詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
利用VS Code開發(fā)你的第一個AngularJS 2應用程序
這篇文章主要給大家介紹了關于利用VS Code如何開發(fā)你的第一個AngularJS 2應用程序的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友下面來一起看看吧。2017-12-12
AngularJS實現(xiàn)的生成隨機數(shù)與猜數(shù)字大小功能示例
這篇文章主要介紹了AngularJS實現(xiàn)的生成隨機數(shù)與猜數(shù)字大小功能,結合完整實例形式分析了AngularJS隨機數(shù)生成與數(shù)值判定相關操作技巧,需要的朋友可以參考下2017-12-12
詳解在Angularjs中ui-sref和$state.go如何傳遞參數(shù)
這篇文章主要介紹了詳解在Angularjs中ui-sref和$state.go如何傳遞參數(shù)，詳細的介紹了ui-sref和$state.go的區(qū)別和如何傳參，有興趣的可以了解下2017-04-04
基于Angular中ng-controller父子級嵌套的相關屬性詳解
今天小編就為大家分享一篇基于Angular中ng-controller父子級嵌套的相關屬性詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
深入淺析AngularJS中的一次性數(shù)據(jù)綁定 (bindonce)
這篇文章主要介紹了AngularJS中的一次性數(shù)據(jù)綁定 (bindonce)知識,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-05-05
AngularJS監(jiān)聽ng-repeat渲染完成的兩種方法
這篇文章主要介紹了AngularJS監(jiān)聽ng-repeat渲染完成的兩種方法,結合實例形式分析了AngularJS基于自定義指令及廣播事件實現(xiàn)監(jiān)聽功能的相關操作技巧,需要的朋友可以參考下2018-01-01
下面小編就為大家?guī)硪黄狝ngular 路由route實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了Angular4中的checkbox?全選按鈕啟用禁用的相關資料,需要的朋友可以參考下2023-03-03