We often use some effect to response the user’s action, when building the user interface. For example, if user click a botton, the label will move to right a little. 

Consider following case: When user click botton, the label will realize switching between two states and during the switching will show two different effect. If the user repeatedly click the botton and the interval time shorter than the effect time. How to deal with it?

There are six way to deal with this situation:

1. Play multi-effect at one time.

2. Neglect the next user’s action when prior effect playing.

3. Make the user’s action on line and dealing with them one by one

4. Remember the last click states for the checkbox when effect playing. And then when the effect over, play the corresponding effect for the last states. It is like the stop function for the media playing.

5. Rollback playing current effect. When a effect playing, the user click repeatedly, then it will rollback playing the current effect.

6. Using the state and transition of flex. The current effect will be stoped at once and the next new effect will be play.

It is hard to say which is the best or worst. For difference case you might choose the differenct way.

For the details please see the demo and source code.