HTML5技术

AngularJs 延时器、计时器 - 莫_莫

字号+ 作者:H5之家 来源:H5之家 2017-09-16 12:11 我要评论( )

1.$timeout延时器 apptest.controller("main", function ($scope,$timeout){$scope.pink ="pink" ;$scope.box ="第二个盒子" ;$timeout( function (){$scope.pink ="第一个盒子内容,延迟两秒后改变了" ;}, 2000 );setTimeout( function (){$scope.pink ="第

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计时器

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

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • AngularJS“路由”的定义概念、使用详解——AngularJS学习资料教程 - 我叫小熊

    AngularJS“路由”的定义概念、使用详解——AngularJS学习资料教程 -

    2017-07-12 11:01

  • 【AngularJS中的自定义服务service VS factory VS provider】---它们的区别,你知道

    【AngularJS中的自定义服务service VS factory VS provider】---它们

    2017-05-08 13:04

  • 随应潮流-基于ABP+Angularjs现代化应用软件开发框架(1)-总体介绍 - 在路在的张

    随应潮流-基于ABP+Angularjs现代化应用软件开发框架(1)-总体介绍 -

    2017-04-22 08:04

  • NodeJS+MongoDB+AngularJS+Bootstrap书店示例 - Market/Relay

    NodeJS+MongoDB+AngularJS+Bootstrap书店示例 - Market/Relay

    2017-04-14 15:00

网友点评
a