全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

AngularJs定时器$interval 和 $timeout详解

$interval

window.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。

间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知,并且到达规定迭代次数后被取消,如果迭代次数未定义,则无限制的执行。通知的值将是运行的迭代次数。取消一个间隔,调用$intreval.cancel(promise)。

备注:当你执行完这项服务后应该把它销毁。特别是当controller或者directive元素被销毁时而$interval未被销毁。你应该考虑到在适当的时候取消interval事件。

使用:$interval(fn,delay,[count],[invokeApply],[Pass]);

fn:一个将被反复执行的函数。

delay:每次调用的间隔毫秒数值。

count:循环次数的数值,如果没设置,则无限制循环。

invokeApply:如果设置为false,则避开脏值检查,否则将调用$apply。

Pass:函数的附加参数。

方法:

cancel(promise);

取消与承诺相关联的任务。

promise:$interval函数的返回值。

使用代码:

 (function () {
  angular.module("Demo", [])
  .controller("testCtrl",["$interval",testCtrl]);
  function testCtrl($interval){
   var toDo = function () {
     console.log("Hello World");
   };
   $interval(toDo, 3000, 10);
  };
 }());

$timeout

window.setTimeout的Angular包装形式。Fn函数包装成一个try/catch块,代表$exceptionHandler服务里的任何异常。

timeout函数的返回值是一个promise,当到达设置的超时时间时,这个承诺将被解决,并执行timeout函数。

需要取消timeout,需要调用$timeout.cancel(promise);

使用: $timeout(fn,[delay],[invokeApply]);

fn:一个将被延迟执行的函数。

delay:延迟的时间(毫秒)。

invokeApply:如果设置为false,则跳过脏值检测,否则将调用$apply。

方法:

cancel(promise);

取消与承诺相关联的任务。这个的结果是,承诺将被以摒弃方式来解决。

promise:$timeout函数返回的承诺。

 (function () {
  angular.module("Demo", [])
  .controller("testCtrl",["$timeout",testCtrl]);
  function testCtrl($timeout){
   var toDo = function () {
     console.log("Hello World");
   };
   $timeout(toDo,5000)
  };
 }());

大致使用方法可以和原生js的setInterval和setTimeout那样使用,一些使用小技巧可以用在浏览器单线程的事件执行方面... 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# angularjs  # interval  # angularjs的  # 定时器的interval  # Angular.js中定时器循环的3种方法总结  # AngularJS定时器的使用与移除操作方法【interval与timeout】  # Angularjs 双向绑定时字符串的转换成数字类型的问题  # angularjs定时任务的设置与清除示例  # 详解Angular.js数据绑定时自动转义html标签及内容  # AngularJS实现页面定时刷新  # angular2倒计时组件使用详解  # ionic+AngularJs实现获取验证码倒计时按钮  # AngularJS 支付倒计时功能实现思路  # Angular实现的简单定时器功能示例  # 将被  # 是一个  # 返回值  # 相关联  # 迭代  # 设置为  # 则将  # 将在  # 当你  # 把它  # 将是  # 考虑到  # 你应该  # 用在  # 跳过  # 小技巧  # 未被  # 大家多多  # 单线程  # 延迟时间 


相关文章: 建站主机SSH密钥生成步骤及常见问题解答?  韩国代理服务器如何选?解析IP设置技巧与跨境访问优化指南  制作门户网站的参考文献在哪,小说网站怎么建立?  如何快速生成高效建站系统源代码?  寿县云建站:智能SEO优化与多行业模板快速上线指南  如何选择服务器才能高效搭建专属网站?  行程制作网站有哪些,第三方机票电子行程单怎么开?  如何访问已购建站主机并解决登录问题?  北京营销型网站制作公司,可以用python做一个营销推广网站吗?  昆明网站制作哪家好,昆明公租房申请网上登录入口?  网站制作报价单模板图片,小松挖机官方网站报价?  建站之星如何修改网站生成路径?  网站制作与设计教程,如何制作一个企业网站,建设网站的基本步骤有哪些?  如何用IIS7快速搭建并优化网站站点?  娃派WAP自助建站:免费模板+移动优化,快速打造专业网站  定制建站方案优化指南:企业官网开发与建站费用解析  股票网站制作软件,网上股票怎么开户?  如何在建站之星绑定自定义域名?  如何用AWS免费套餐快速搭建高效网站?  如何在阿里云虚拟主机上快速搭建个人网站?  南宁网站建设制作定制,南宁网站建设可以定制吗?  微课制作网站有哪些,微课网怎么进?  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的?  建站主机是否属于云主机类型?  如何选择高效响应式自助建站源码系统?  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的?  已有域名如何快速搭建专属网站?  开源网站制作软件,开源网站什么意思?  济南网站制作的价格,历城一职专官方网站?  建站DNS解析失败?如何正确配置域名服务器?  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?  高端建站如何打造兼具美学与转化的品牌官网?  制作网站怎么制作,*游戏网站怎么搭建?  代刷网站制作软件,别人代刷火车票靠谱吗?  浅谈Javascript中的Label语句  如何高效完成独享虚拟主机建站?  外贸公司网站制作哪家好,maersk船公司官网?  网站制作话术技巧,网站推广做的好怎么话术?  北京制作网站的公司排名,北京三快科技有限公司是做什么?北京三快科技?  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍?  ,购物网站怎么盈利呢?  保定网站制作方案定制,保定招聘的渠道有哪些?找工作的人一般都去哪里看招聘信息?  免费ppt制作网站,有没有值得推荐的免费PPT网站?  东莞专业制作网站的公司,东莞大学生网的网址是什么?  建站之星在线版空间:自助建站+智能模板一键生成方案  建站之星代理商如何保障技术支持与售后服务?  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  制作电商网页,电商供应链怎么做?  建站之星如何保障用户数据免受黑客入侵?  建站之星后台密码如何安全设置与找回? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。