Jquery执行多个动画以后执行一段代码(:animated的妙用)

最简单的我们在做JQuery效果时，要在一个效果后执行一段代码，很简单，

本身jquery动画都有回调函数，这个就不多说了。

 当我们想要在页面同时执行多个动画效果之后或者之前怎么来执行一段代码呢，首先我们想到的肯定 是执行代码的条件。也就是我们怎么能判断多个不懂得效果都执行完了，或者都没执行。

      说到这 ，我们都应该想到他了 :animated

      然后用 $(".box").is(":animated") 来判断；

 下面很容易想到  我们用定时器来实现代码如下：

   代码

             var  wait = setInterval( function (){
                 if ( ! $( " .box " ).is( " :animated " )){
                    clearInterval(wait);
                     // 执行code
                    alert( " 动画都已经执行完！ " );
                }
            }, 200 );