How to remove all running $interval in AngularJS?

angularjs setinterval clearinterval
Rituraj ratan picture Rituraj ratan · Aug 21, 2014 · Viewed 8.1k times · Source

Hi i want to remove all running $interval in Angular. in my page there are many $interval and on button click i want to remove all interval.How will i do it .

Any help is appreciated.

Answer

ivarni picture ivarni · Aug 21, 2014

According to the documentation $interval returns a promise, and the interval can be cancelled using $interval.cancel(promise).

I can't see any methods for cancelling all intervals, but if you keep the returned promises in an array you can iterate over that to cancel them all.

var intervals = []
intervals.push($interval(function() { /*doStuff*/ }, /*timeout*/));
intervals.push($interval(function() { /*doDifferentStuff*/ }, /*timeout*/));

...

angular.forEach(intervals, function(interval) {
    $interval.cancel(interval);
});
intervals.length = 0; //clear the array

If your intervals are spread over different controllers, use a service to keep track of them.

Related questions

In AngularJS, how to detect when user leaves template/page?

I am using the Javascript command: setInterval. I like to stop it when the user leaves the page. This code seems to work well: http://jsfiddle.net/PQz5k/ It detects when a user leaves a page. It executes Javascript …

Read More
Stop time interval during navigation in angularjs

Currently i am using angular js I have one get method to get data from server side in default.html page function bindActiveLoans() { $http.get(rootUrlSingleEscaped + '/cooperativa/allunfundedloans/?authId=' + userInfo.UserId) .success(function (response) { if (response.Loans.length == 0) { $…

Read More
if else statement in AngularJS templates

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if …

Read More