javascript - 创建一个循环，连续淡出每篇文章。 jQuery

Question

所以我们的想法是从底部淡出每个图像..显然它必须向后遍历数组。但是，我目前似乎无法弄清楚。这个想法是，它会在运行 fadeOut() 函数后暂停，我认为设置超时会起作用，但 firebug 给了我这个错误:无用的 setTimeout 调用(参数周围缺少引号？)

第 262 行。我什至不使用 $.each 循环并使用 for (i=0 循环

<script type="text/javascript">
    //Bottom Nav functions
    $(document).ready(function(){

        $('#bottomNav a:eq(0)').click(function(){

        var arti = $('#aHolder article');
        var amt = arti.length;
        var i = 0;

            for (i=0;i<amt;i++){

            $('#aHolder article:eq('+i+')').fadeOut();
            setTimeout(300);

            }


        });

    });


</script>

Answer 1

类似这样的事情应该做:

var i = $('#aHolder article').length,
interval = setInterval(function () {
    if (i-- <= 0) {
        clearInterval(interval);
        return;
    }
    $('#aHolder article:eq(' + i + ')').fadeOut();
}, 300);

循环中的延迟执行最好使用interval来完成。 。一旦达到终止条件，您只需清除它即可。