How do I find out with Mootools if an element is being animated?

Question

I need to be able to detect is an animation is currently happening using Mootools.

Of course if there is a way to detect this with plain old js even better. But I couldn't think of a way to do this without running it every ms and seeing if the styles are changing.

How i'm doing the animation

                new Fx.Tween(c.getElement('.is-active'), {
                    property: 'opacity',
                    duration: e.options.speed,
                    onComplete: function () {
                        this.element
                            .removeClass("is-active")
                            .addClass("is-hidden")
                            .setStyle('display', "")
                            .setStyle('opacity', "");
                    }
                }).start(0).wait(e.options.speed);

have worked it out, but somebody else might want to answer all the same :) — Jamie Hutber, Aug 21 '13 at 12:07

score 2 · Accepted Answer · answered Aug 21 '13 at 16:21

2

One way that I often use is to check if animation is running with isRunning function:

// constructor
var fx = new Fx.Tween( .... 

// later when I want to check if animation is running
if ( fx.isRunning() ) ...

answered Aug 21 '13 at 16:21

Danijel

12,408
5
38
54

3

you can do that via the getters also. `el.get('tween').isRunning` to match your code since you don't want to save a reference to all possible animation instances. – Dimitar Christoff Aug 22 '13 at 01:47

How do I find out with Mootools if an element is being animated?

1 Answers1