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/