This question already has answers here:
What is the difference between a function call and function reference?
                            
                                (6个答案)
                            
                    
                2年前关闭。
        

    

如何显示2秒钟的div,然后在无限循环中将其隐藏4秒钟?我使用jQuery的animate()函数,因为我也想使用CSS过渡。

function animatedText() {
    setTimeout(function() {
        $('.text').animate({ opacity: 1 }, 200, function() {
            setTimeout(function() {
                $('.text').animate({ opacity: 0 }, 200);
            }, 1800);
        });
    }, 3800);
}
setInterval(animatedText(), 6000);


这是我的小提琴:https://jsfiddle.net/od6gm8t3/

最佳答案

我希望这能帮到您。请检查以下代码。



function animatedText() {
    $('.text').animate({ opacity: 1 }, 200, function() {
            setTimeout(function() {
                $('.text').animate({ opacity: 0 }, 200);
            }, 2000);
    });
    setTimeout(function() {
        animatedText();
    },6000);
}
animatedText();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<i class="text">Animated Text</i>

09-10 11:38
查看更多