AngularJs 延时器、计时器

小贝

1.$timeout延时器

1. apptest.controller("main",function($scope,$timeout){
2. $scope.pink="pink";
3. $scope.box="第二个盒子";
4. $timeout(function(){
5. $scope.pink="第一个盒子内容，延迟两秒后改变了";
6. },2000);
8. setTimeout(function(){
9. $scope.pink="第一个盒子内容，延迟3秒后改变了";
10. $scope.$apply();//手动更新视图
11. },3000);
13. }

复制代码

2.$interval计时器

1. //计时器
2. var timer= $interval(function(){
3. console.log(1);
4. },1000);
5. //清除计时器
6. $interval.cancel(timer);

复制代码

点击不可用

1. <button ng-click="clickb()" ng-disabled="flag">{{num}}</button>
3. $scope.flag=false;
4. $scope.clickb=(function(){
5. $scope.flag=true;
6. $scope.num=5;
7. var int = $interval(function(){
8. $scope.num--;
9. if($scope.num==-1){
10. $scope.flag=false;
11. $scope.num="点击倒计时5秒";
12. $interval.cancel(int);
13. }
14. },1000);
15. });

复制代码