关于使用Animate.css添加和删除动画类和项目的问题

Question

您可以看看This Demo，并让我知道如何在加载文本数组的每个项目后使用.removeClass(animated fadeIn)或将fadeOut类添加到元素？

基本上是我想要做的就是在出现在对话框进出添加淡入淡出的阵列中的每个元素.changeText

<div class="changeText" >Welcome</div> 

<script> 
$(function() { 
    var text = ["Welcome", "Hi", "Sup dude"]; 
    var counter = 0; 
    setInterval(change, 3000); 
    function change() { 
    $(".changeText").html(text[counter]).addClass('animated fadeIn'); 
     counter++; 
     if(counter >= text.length) { counter = 0; } 
    } 
}); 
</script> 

Answer 1

您可以使用fadeIn()和​​此：

$(function() { 
    var text = ["Welcome", "Hi", "Sup dude"]; 
    var counter = 0; 
    setInterval(change, 3000); 
    function change() { 
     $(".changeText").fadeIn(500).html(text[counter]).fadeOut(500); 
     counter++; 
     if(counter >= text.length) { counter = 0; } 
    } 
}); 

Here is an Example

---

简单地调整 500值改变速度。

Answer 2

可以删除动画BU使用

$('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething); 

它将动画触发完成。