2016-05-16 18 views
0

Ich habe ein Skript von Jquery für den Loop-Text erstellt. Ich möchte etwas .fadeIn() darauf setzen, kann aber nicht. Irgendwelche Ideen?jquery loop: .html + .fadeIn

$(document).ready(function() { 
    var myClasses = ["ONE", "TWO", "THERE", "FOUR"];  
    var count = 0; 

    setInterval(function() { 

     $(".one").html(myClasses[count]) 
     count >= 3 ? count = 0 : count += 1; 
    }, 1200); 
}); 
+0

'fadeIn()' wo Sie es wollen? Welches Element sollte FadeIn sein? – Jai

Antwort

1

Try this:

$(document).ready(function() { 
     var myClasses = ["ONE", "TWO", "THERE", "FOUR"];  
     var count = 0; 

     setInterval(function() { 
      $(".one").fadeOut('slow',function(){ 
       $(this).html(myClasses[count]); 
       count >= 3 ? count = 0 : count += 1; 
      }).fadeIn("slow"); 
     }, 1200); 
    }); 
+0

Das ist, was ich wollte :) danke Sir. –

+0

Ich würde es dynamischer machen - 'count = count> = myClasses.length-1? 0: Anzahl + 1; ' –