how to notify about $interval end in angularjs

Question

I want to make custom animation in my web application, and i'm using $interval method to do some visual effects. And all i want is to know, when that animation ends.

For example

var myInterval = $interval(function(){
    //do some staff
}, 10, 20);

How can i get notify about that interval ends? Except $timeout(fn, 200), of course.

And the second question is also about notifying, but in case, when i cancel that interval is other place manually by $interval.cancel(myInterval), can i get notified about that?

grantpatterson · Accepted Answer · 2015-02-11 02:44:38Z

3

For the first case, you can just do:

myInterval.then(function () { console.log("Finished."); } );

It isn't a good idea to count the number of iterations when Angular is already doing that for you.

See https://docs.angularjs.org/api/ng/service/$q

answered Feb 11, 2015 at 2:44

grantpatterson

4254 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

xsh.7 · Accepted Answer · 2014-07-24 11:44:21Z

1

You can broadcast an event by yourself when canceling the interval. Take a look at $rootScope.$broadcast().

Where you cancel the interval:

$rootScope.$broadcast('Custom::Event');

Where you want to retrieve the broadcast:

$scope.$on('Custom::Event', function (e) { ... });

Edit: Iterations

If you want to send the broadcast after the last iteration, check the first parameter provided to the function for the $interval.

$interval(function (iteration) {

  // Do some stuff...

  // Broadcast after last iteration
  if (iteration === iterations - 1) {
    $scope.$broadcast('Interval::Finished');
  }
}, delay, iterations);

See: JS Bin

edited Jul 24, 2014 at 11:44

answered Jul 24, 2014 at 11:21

xsh.7

6,2701 gold badge25 silver badges26 bronze badges

1 Comment

Dmitriy Apollonin Over a year ago

hm...looks good, but only for second case. What about first case, when i manually set count of iterations?

Collectives™ on Stack Overflow

how to notify about $interval end in angularjs

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related