Issue on Adding and Removing Animate Class to and item using Animate.css

Vote count:

0

Can you please take a look at This Demo and let me know how I can use the .removeClass(animated fadeIn) or add fadeOut class to the element after loading each item of the text array?

basically what I want to do is adding fade in and out for each element of array on appearing on the box .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>

asked 33 secs ago

Behseini

599

Issue on Adding and Removing Animate Class to and item using Animate.css