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实现的简单定时器功能示例  # 你可以  # 会在  # 一遍  # 所示  # 的是  # 是一个  # 如果你  # 还在  # 第一个  # 将会  # 其他的  # 当我  # 我们可以  # 第二个  # 更重要  # 自带  # 会来  # 这让  # 方法来  # 绑定 

相关文章： 如何正确下载安装西数主机建站助手？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  微信小程序 input输入框控件详解及实例（多种示例）  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  如何在橙子建站中快速调整背景颜色？  开心动漫网站制作软件下载,十分开心动画为何停播？  如何通过虚拟主机空间快速建站？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  清除minerd进程的简单方法  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  如何零基础在云服务器搭建WordPress站点？  存储型VPS适合搭建中小型网站吗？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  安云自助建站系统如何快速提升SEO排名？  ui设计制作网站有哪些,手机UI设计网址吗？  北京网站制作的公司有哪些,北京白云观官方网站？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  江苏网站制作公司有哪些,江苏书法考级官方网站？  如何有效防御Web建站篡改攻击？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  潮流网站制作头像软件下载,适合母子的网名有哪些？  已有域名和空间，如何快速搭建网站？  C++时间戳转换成日期时间的步骤和示例代码  北京企业网站设计制作公司,北京铁路集团官方网站？  如何快速生成橙子建站落地页链接？  定制建站流程步骤详解：一站式方案设计与开发指南  青岛网站建设如何选择本地服务器？  Android滚轮选择时间控件使用详解  网站制作公司,橙子建站是合法的吗？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  如何高效利用200m空间完成建站？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  建站之星导航如何优化提升用户体验？  c++ stringstream用法详解_c++字符串与数字转换利器  建站主机默认首页配置指南：核心功能与访问路径优化  网站网页制作专业公司,怎样制作自己的网页？  实惠建站价格推荐：2025年高性价比自助建站套餐解析  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  在线制作视频的网站有哪些,电脑如何制作视频短片？  建站之星如何通过成品分离优化网站效率？  建站主机选哪家性价比最高？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  如何用虚拟主机快速搭建网站？详细步骤解析  TestNG的testng.xml配置文件怎么写  制作旅游网站html,怎样注册旅游网站？