你的位置:首页 > 软件开发 > 网页设计 > AngularJs 延时器、计时器

AngularJs 延时器、计时器

发布时间:2017-09-16 13:00:06
1.$timeout延时器apptest.controller("main",function($scope,$timeout){ $scope.pink="pink"; $scope.box="第二个盒子"; $tim ...

1.$timeout延时器

apptest.controller("main",function($scope,$timeout){ $scope.pink="pink"; $scope.box="第二个盒子"; $timeout(function(){  $scope.pink="第一个盒子内容,延迟两秒后改变了"; },2000);setTimeout(function(){ $scope.pink="第一个盒子内容,延迟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);});

 

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:AngularJs 延时器、计时器

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。