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


Posted in Javascript onSeptember 16, 2017

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 延时器、计时器实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
Apr 02 Javascript
禁止选中文字兼容IE、Chrome、FF等
Sep 04 Javascript
基于jquery实现发送文章到手机的代码
Dec 26 Javascript
Javascript基础教程之数据类型 (数值 Number)
Jan 18 Javascript
使用js实现的简单拖拽效果
Mar 18 Javascript
js仿3366小游戏选字游戏
Apr 14 Javascript
jQuery使用Layer弹出层插件闪退问题
Dec 22 Javascript
浅谈gulp创建完整的项目流程
Dec 20 Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
Feb 14 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 Javascript
Vue+Openlayers自定义轨迹动画
Sep 24 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 #Javascript
Javascript 严格模式use strict详解
Sep 16 #Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 #Javascript
JS闭包的几种常见形式实例详解
Sep 16 #Javascript
ES6中Array.find()和findIndex()函数的用法详解
Sep 16 #Javascript
详解JS构造函数中this和return
Sep 16 #Javascript
Angular使用Md5加密的解决方法
Sep 16 #Javascript
You might like
php数组排序usort、uksort与sort函数用法
2014/11/17 PHP
php使用指定字符列表生成随机字符串的方法
2015/04/18 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
PHP实现阿里大鱼短信验证的实例代码
2017/07/10 PHP
PHP+redis实现微博的推模型案例分析
2019/07/10 PHP
Yii2.0框架behaviors方法使用实例分析
2019/09/30 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
2010/10/20 Javascript
js判断运行jsp页面的浏览器类型以及版本示例
2013/10/30 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
vue实现表格增删改查效果的实例代码
2017/07/18 Javascript
使用JS模拟锚点跳转的实例
2018/02/01 Javascript
Node.js应用设置安全的沙箱环境
2018/04/23 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
node静态服务器实现静态读取文件或文件夹
2019/12/03 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
详解Node.JS模块 process
2020/08/31 Javascript
Python获取DLL和EXE文件版本号的方法
2015/03/10 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
python 读取视频,处理后,实时计算帧数fps的方法
2018/07/10 Python
python实现定时压缩指定文件夹发送邮件
2020/12/22 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
移动端Html5页面生成图片解决方案
2018/08/07 HTML / CSS
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
美国最大的在线水培用品商店:GrowersHouse.com
2018/08/14 全球购物
俄罗斯在线手表和珠宝商店:AllTime
2019/09/28 全球购物
Linux常见面试题
2013/03/18 面试题
财务出纳员岗位职责
2013/11/26 职场文书
学生会主席就职演讲稿
2014/01/14 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
2016年万圣节家长开放日活动总结
2016/04/05 职场文书
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
Mysql效率优化定位较低sql的两种方式
2021/05/26 MySQL
CSS基础详解
2021/10/16 HTML / CSS