JQuery脚本无法实现循环

Question

我正在尝试让这个脚本循环，但我不能。

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

Answer 1

如果你想让review1为fadeIn，然后是fadeOut，然后将review2改为fadeIn，然后fadeOut之间有延迟，你可以这样做;

$(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动画完成功能来链接单独的动画，以便在另一个动画完成后开始。这些是异步动画，所以你不能只使用正常的顺序编程。