AngularJs 延时器、计时器实例代码
更新时间：2017年09月16日 14:41:41 作者：莫_莫
这篇文章主要介绍了AngularJs 延时器、计时器实例代码,需要的朋友可以参考下
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 延时器、计时器实例代码，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
下面小编就为大家带来一篇关于angular js_$watch监控属性和对象详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
本篇文章主要介绍了angularJS 指令封装回到顶部示例详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
利用VS Code开发你的第一个AngularJS 2应用程序
这篇文章主要给大家介绍了关于利用VS Code如何开发你的第一个AngularJS 2应用程序的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友下面来一起看看吧。2017-12-12
这篇文章主要介绍了AngularJS实现的生成随机数与猜数字大小功能,结合完整实例形式分析了AngularJS随机数生成与数值判定相关操作技巧,需要的朋友可以参考下2017-12-12
详解在Angularjs中ui-sref和$state.go如何传递参数
这篇文章主要介绍了详解在Angularjs中ui-sref和$state.go如何传递参数，详细的介绍了ui-sref和$state.go的区别和如何传参，有兴趣的可以了解下2017-04-04
基于Angular中ng-controller父子级嵌套的相关属性详解
今天小编就为大家分享一篇基于Angular中ng-controller父子级嵌套的相关属性详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
深入浅析AngularJS中的一次性数据绑定 (bindonce)
这篇文章主要介绍了AngularJS中的一次性数据绑定 (bindonce)知识,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-05-05
这篇文章主要介绍了AngularJS监听ng-repeat渲染完成的两种方法,结合实例形式分析了AngularJS基于自定义指令及广播事件实现监听功能的相关操作技巧,需要的朋友可以参考下2018-01-01
下面小编就为大家带来一篇Angular 路由route实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
这篇文章主要介绍了Angular4中的checkbox 全选按钮启用禁用的相关资料,需要的朋友可以参考下2023-03-03
最新评论