TweenMax bezier animation issue

[janily 1 Likes (Newbie)]

I have to move the small circie on the path. the circle emits animated flying circle when continuous clicked.

 

I want to When I continuous click the button,the every circle would complete the animation one by one.

 

But,in my code,when I continuous click the button,the circle's animation will stop. I did not want results.

 

Please find the code on codepen

 

Thanks.

See the Pen dMVgdP by janily (@janily) on CodePen

[OSUblake 18,535 Likes (Superhero)]

Don't use innerHTML as that destroys everything and creates new elements. Use insertAdjacentHTML instead. It's also a lot faster!

See the Pen GZMwMQ?editors=0010 by osublake (@osublake) on CodePen

[Diaco 1,999 Likes (Superhero)]

Hi janily 

 

in addition to Blake's advise , i think this Demo can help you too : 

See the Pen bpoQLQ by MAW (@MAW) on CodePen

[janily 1 Likes (Newbie)]

Don't use innerHTML as that destroys everything and creates new elements. Use insertAdjacentHTML instead. It's also a lot faster!

See the Pen GZMwMQ?editors=0010 by osublake (@osublake) on CodePen

thank you Blake.

[janily 1 Likes (Newbie)]

Hi janily 

 

in addition to Blake's advise , i think this Demo can help you too : 

See the Pen bpoQLQ by MAW (@MAW) on CodePen

thank you,Diaco.

 

your demo is very cool!