jquery - jQuery脚本无法实现循环

Question

我试图让这个脚本循环，但我不能。

$(document).ready(function inout() {
    $('#review1').fadeIn(1500).delay(3500).fadeOut(1500);
    $('#review2').delay(3500).fadeIn(1500).delay(3500)
     });

Answer 1

如果你想让 review1 淡入，然后淡出，然后 review2 淡入，然后淡出之间有延迟，你可以这样做；

$(document).ready(function inout() {
    function cycle() {
        $('#review1').fadeIn(1500).delay(3500).fadeOut(1500, function() {
            $('#review2').delay(3500).fadeIn(1500).delay(3500).fadeOut(1500, function() {
                setTimeout(cycle, 1500);
            });
        });
    }

    cycle();
});

这使用 jQuery 动画完成功能来链接单独的动画，以便一个在另一个完成后开始。这些是异步动画，因此您不能只使用正常的顺序编程。