Javascript动画：淡入完成答案

【问题标题】：Javascript Animation: fadein completeJavascript动画：淡入完成
【发布时间】：2018-11-27 16:55:38
【问题描述】：

嘿，我有一些代码可以为用作横幅广告的图像设置动画。目前它在无限循环中旋转图像。我想改变行为，使其在 1 次迭代后停止。

我的想法是需要在下面的代码中的某处添加一个完整的功能：

    <script>
    $(function() {
        $('.fadein img:gt(0)').hide();
        setInterval(function() {
            $('.fadein :first-child').next('img').fadeIn().end().appendTo('.fadein');
        }, 2000);
    } );
    </script>

【问题讨论】：

我的想法是，如果你删除 setInterval，代码只会运行一次——但这似乎太明显了
是的，换了图像，我仍然需要

标签： javascript jquery animation

【解决方案1】：

如果您知道有多少张图片，您总是可以使用循环。

i = 0
while (i < <num_images>) {
    //your code here
}

这样它只会在每个图像上运行一次。

【讨论】：