AngularJS实现页面定时刷新
更新时间：2017年03月14日 08:51:00 作者：wzl19870309
本篇文章主要介绍了AngularJS实现页面定时刷新，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
有时我们在前端可能会有这样的需求：
1、每隔一段时间刷新一下页面中的数据
2、根据需要可以暂停和启用刷新
接下来我们就来看下AngularJS的实现方法：
首先我们了解到AngularJS中$interval可以用来处理间歇性处理一些事情，那么我们的间歇性刷新就使用interval来实现。
$interval使用方法：
1、启动一个定时任务
$interval(function(){},n1,n2);
第一个参数function是指我们的定时任务要触发的事件，
第二个参数n1是指每隔多少毫秒触发一次
第三个参数n2是指定时触发事件的次数，无限次循环，则可以设置为-1。
如：
$interval(function(){console.log('aaa');},1000,10);
表示每个1秒在控制台打出一次aaa，共打印10次
2、停止一个任务
$interval.cancel(timer);
timer为任务对象
如：
var timer = $interval(function(){console.log('aaa');},1000,10);
$interval.cancel(timer);
在使用过程中我们发现如果只使用了$interval(function(){},n1,n2); 关闭页面后，浏览器仍然后执行相应的任务，如果不希望继续执行，即页面当前页面关闭，自动任务立即停止，则可以使用：
$scope.$on('$destroy',function(){
$interval.cancel(timer);
});
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Angularjs 与 bower安装和使用详解的相关资料,需要的朋友可以参考下2017-05-05
今天小编就为大家分享一篇angular 未登录状态拦截路由跳转的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
本篇文章主要介绍了浅谈Angular 中何时取消订阅，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
AngularJs Dependency Injection（DI，依赖注入）
本文主要介绍AngularJs Dependency Injection，这里整理了详细资料及示例代码有兴趣的小伙伴可以参考下2016-09-09
这篇文章主要介绍了Angular脚手架开发的实现步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
下面小编就为大家带来一篇python爬取安居客二手房网站数据(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
Angular 4依赖注入学习教程之ClassProvider的使用（三）
这篇文章主要给大家介绍了关于Angular 4依赖注入之ClassProvider使用的相关资料，文中介绍的非常详细，对大家学习或者使用Angular 4具有一定的参考学习价值，需要的朋友可以参考借鉴，下面来一起看看吧。2017-06-06
这篇文章主要为大家详细介绍了基于angular实现三级联动的生日插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
指令（Directives）是所有AngularJS应用最重要的部分。尽管AngularJS已经提供了非常丰富的指令，但还是经常需要创建应用特定的指令。这篇教程会为你讲述如何自定义指令，以及介绍如何在实际项目中使用2016-03-03
这篇文章主要介绍了Angular.js 实现数字转换汉字实例代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
最新评论