最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

AngularJs 延时器、计时器实例代码

来源:动视网 责编:小采 时间:2020-11-27 22:30:00
文档

AngularJs 延时器、计时器实例代码

AngularJs 延时器、计时器实例代码:1.$timeout延时器 apptest.controller(main,function($scope,$timeout){ $scope.pink=pink; $scope.box=第二个盒子; $timeout(function(){ $scope.pink=第一个盒子内容,延迟两秒后改变了; },2000); setTim
推荐度:
导读AngularJs 延时器、计时器实例代码:1.$timeout延时器 apptest.controller(main,function($scope,$timeout){ $scope.pink=pink; $scope.box=第二个盒子; $timeout(function(){ $scope.pink=第一个盒子内容,延迟两秒后改变了; },2000); setTim


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);
});

总结

以上所述是小编给大家介绍的AngularJs 延时器、计时器实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

文档

AngularJs 延时器、计时器实例代码

AngularJs 延时器、计时器实例代码:1.$timeout延时器 apptest.controller(main,function($scope,$timeout){ $scope.pink=pink; $scope.box=第二个盒子; $timeout(function(){ $scope.pink=第一个盒子内容,延迟两秒后改变了; },2000); setTim
推荐度:
标签: 计时器 延迟 示例
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top