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实现的简单定时器功能示例 # 将被 # 是一个 # 返回值 # 相关联 # 迭代 # 设置为 # 则将 # 将在 # 当你 # 把它 # 将是 # 考虑到 # 你应该 # 用在 # 跳过 # 小技巧 # 未被 # 大家多多 # 单线程 # 延迟时间

返回目录在线咨询

上一篇：php 空间源码怎么用_php空间源码用部署与运行设置法【教程】
下一篇：解决建站之星数据库连接失败，从检查服务器状态开始

您的项目需求

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

全网整合营销服务商

AngularJs定时器$interval 和 $timeout详解

您的项目需求