angularjs定时任务的设置与清除示例

人们似乎常常将AngularJS中的$timeOut()  $interval()函数看做是一个内置的、无须在意的函数。但是，如果你忘记了$timeOut()$interval()的回调函数将会造成非常不好的影响，你可能会因此遇到代码莫名其妙的出现问题，或者无端抛出一个错误甚至是一遍一遍的重复对的你的服务器进行$http请求这些诡异的情形。管理好你的$timeOut/$interval定时器的小技巧就是在$destory事件中将它们取消。

和JavaScript中原生的setTimeout()以及setInterval()函数不同，AngularJS中的$timeOut()函数会返回一个promise。和其他的promise一样，你可以绑定$timeOut的resolved和rejected时间。然而更重要的是，你可以通过将这个promise传递给$timeOut.cancel()方法来取消掉潜在的定时器。

设置定时任务，给定时任务起一个名字time_upd，为的是方便清理的时候直接调用名称。

var timeout_upd = $interval($scope.upd_data ,6000); 

注意：设置的时候$interval(fn ,time);第一个参数fn 不能写“()”，只能写$scope.方法名称。第二个参数是定时执行的时间间隔，单位为毫秒。

清除定时任务，AngularJS将会在scope中触发$destory事件。这让我们可以有机会来cancel任何潜在的定时器。

$scope.$on('$destroy',function(){ 
    $interval.cancel(timeout_upd); 
  }) 

我的页面是这种格式的，如下图所示。angularjs在“实时数据监测”这个模块设置了一个定时任务，当我点击菜单栏到别的页面时，默认的这个定时任务还在执行，占用很多资源。所以必须得清除这个定时任务，原生的清除window.clearInterval(timeout_upd);是不管用的，必须用angularjs自带的清除方法，如上代码所示。

注意：angularjs中设置了定时任务之后，必须清除定时任务，不然angularjs会在离开这个controller后，仍然会执行这个定时任务。

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

# angularjs  # 定时任务  # angularjs2  # 定时器  # angularjs清除定时器  # AngularJs定时器$interval 和 $timeout详解  # Angular.js中定时器循环的3种方法总结  # AngularJS定时器的使用与移除操作方法【interval与timeout】  # Angularjs 双向绑定时字符串的转换成数字类型的问题  # 详解Angular.js数据绑定时自动转义html标签及内容  # AngularJS实现页面定时刷新  # angular2倒计时组件使用详解  # ionic+AngularJs实现获取验证码倒计时按钮  # AngularJS 支付倒计时功能实现思路  # Angular实现的简单定时器功能示例  # 你可以  # 会在  # 一遍  # 所示  # 的是  # 是一个  # 如果你  # 还在  # 第一个  # 将会  # 其他的  # 当我  # 我们可以  # 第二个  # 更重要  # 自带  # 会来  # 这让  # 方法来  # 绑定 

相关文章： 阿里云网站搭建费用解析：服务器价格与建站成本优化指南  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  教学论文网站制作软件有哪些,写论文用什么软件 ？  怎么将XML数据可视化 D3.js加载XML  建站之星安装后界面空白如何解决？  C#怎么使用委托和事件 C# delegate与event编程方法  网站制作服务平台,有什么网站可以发布本地服务信息？  Swift中swift中的switch 语句  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  建站之星Pro快速搭建教程：模板选择与功能配置指南  北京建设网站制作公司,北京古代建筑博物馆预约官网？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  如何在服务器上三步完成建站并提升流量？  建站VPS推荐：2025年高性能服务器配置指南  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  移民网站制作流程,怎么看加拿大移民官网？  建站之星如何通过成品分离优化网站效率？  如何在阿里云购买域名并搭建网站？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  建站之星下载版如何获取与安装？  油猴 教程,油猴搜脚本为什么会网页无法显示？  如何通过虚拟主机快速搭建个人网站？  ,制作一个手机app网站要多少钱？  如何通过免费商城建站系统源码自定义网站主题与功能？  常州自助建站工具推荐：低成本搭建与模板选择技巧  ,巨量百应是干嘛的？  Python路径拼接规范_跨平台处理说明【指导】  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  html制作网站的步骤有哪些,iapp如何添加网页？  香港服务器部署网站为何提示未备案？  如何选择高效便捷的WAP商城建站系统？  建站主机如何选？高性价比方案全解析  已有域名和空间如何搭建网站？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  建站之星如何快速更换网站模板？  ,在苏州找工作，上哪个网站比较好？  建站主机如何安装配置？新手必看操作指南  如何快速建站并高效导出源代码？  ,交易猫的商品怎么发布到网站上去？  微信小程序 五星评分(包括半颗星评分)实例代码  如何注册花生壳免费域名并搭建个人网站？  c# 服务器GC和工作站GC的区别和设置  网页设计网站制作软件,microsoft office哪个可以创建网页？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  头像制作网站在线制作软件,dw网页背景图像怎么设置？