jquery循环:.html + .fadeIn

时间:2016-05-16 11:13:49

标签: jquery

我从Jquery为循环文本制作了一些脚本。我想在它上放一些.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);
});

1 个答案:

答案 0 :(得分: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);
  });