animate.css失败，返回jquery

Question

我想用jQuery和http://daneden.github.io/animate.css/来设置动画入口和出口：

jQuery(function($){


    function doOne() {
        $('#message').addClass("animated bounceOutLeft");
}

function doSlides() {       
   var msg = messages.shift();
   messages.push(msg);
    $('#message').html(msg).addClass("animated bounceInRight").delay(1000).addClass("animated bounceOutLeft", doSlides);
};

var messages = [
    "Message 1",
    "Message 2",
    "Message 3",
    "Message 4",
]; 

setTimeout(doOne, 3500);
setTimeout(doSlides, 4000);


    });

但是有一个问题，动画失败:/你可以在这里看到：http://jsfiddle.net/z6rwr/13/

我试着把removeClass放进去，但是什么都没有改变。我试着分离函数：http://jsfiddle.net/z6rwr/14/，同样的问题...

那么，正确的方法是什么呢？

Answer 1

没有像addClass('className', callback)这样的方法

addClass("animated bounceOutLeft", doSlides)

您可以使用addClass('className')或addClass(function(){})

你可以这样做：

.addClass(function(){
    $(this).addClass("animated bounceOutLeft");
    doSlides();
})

Answer 2

将"SetTimeout“修改为"SetInterval”。使用要执行的函数和以毫秒为单位的周期调用'setInterval‘：

var messages = [
    "Message 1",
    "Message 2",
    "Message 3",
    "Message 4",
]; 

setInterval(doOne, 3500);

演示：

http://jsfiddle.net/b9mGG/