2016-05-16 8 views
0

ループテキストのためにJqueryからいくつかのスクリプトを作成しました。私はそれにいくつかの.fadeIn()を入れたいですが、できません。何か案は?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

'フェードイン()'あなたがそれをしたいですか?どの要素をフェードインする必要がありますか? – Jai

答えて

1

はこれを試してみてください:

$(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

これは私がしたかったものです:)ありがとうございました。 –

+0

私はそれをもっと動的にするでしょう - 'count = count> = myClasses.length-1? 0:カウント+1; –