how to check if bodymovin animation is complete?

Question

I want the to destroy the animation when is complete animating. tried addEventListener that didn't work.

anim = bodymovin.loadAnimation(params);
animContainer.addEventListener("complete", myScript);

function myScript(){
      anim.destroy();
}

It might be that you defined the function *after* the `addEvenListener`, try putting the function at the top first. — carnator, Jun 22 '17 at 16:48

score 3 · Answer 1 · answered Jun 22 '17 at 05:37

3

  anim = bodymovin.loadAnimation(animData);
  anim.addEventListener("complete", function() {
    anim.destroy();
  });

answered Jun 22 '17 at 05:37

Jon Lambson

score 1 · Accepted Answer · answered Jun 06 '17 at 15:14

1

One way to go would be to listen for native 'transitionend' event on the element that is being animated.

element.addEventListener("transitionend", anim.destroy());

answered Jun 06 '17 at 15:14

Nick Ciolpan

score 0 · Answer 3 · answered Jun 07 '17 at 09:49

0

The following coded work...

  anim.addEventListener("complete", function(){
      anim.destroy());
  });

answered Jun 07 '17 at 09:49

Siyanda Cele

3 Answers3