查看: 673|回复: 0

[DIV/CSS] AngularJs 延时器、计时器

发表于 2017-10-2 07:49:49
尚学堂AD
1.$timeout延时器
  1. apptest.controller("main",function($scope,$timeout){
  2. $scope.pink="pink";
  3. $scope.box="第二个盒子";
  4. $timeout(function(){
  5. $scope.pink="第一个盒子内容,延迟两秒后改变了";
  6. },2000);
  7. setTimeout(function(){
  8. $scope.pink="第一个盒子内容,延迟3秒后改变了";
  9. $scope.$apply();//手动更新视图
  10. },3000);
  11. }
复制代码

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>
  2. $scope.flag=false;
  3. $scope.clickb=(function(){
  4. $scope.flag=true;
  5. $scope.num=5;
  6. var int = $interval(function(){
  7. $scope.num--;
  8. if($scope.num==-1){
  9. $scope.flag=false;
  10. $scope.num="点击倒计时5秒";
  11. $interval.cancel(int);
  12. }
  13. },1000);
  14. });
复制代码



回复

使用道具 举报