如何在 jQuery 或 JavaScript 中创建无限重复循环？答案

【问题标题】：How do I make an infinite repeat loop in jQuery or JavaScript?如何在 jQuery 或 JavaScript 中创建无限重复循环？
【发布时间】：2016-10-19 13:15:31
【问题描述】：

我正在尝试使用 div 内的图像实现 jQuery 或 JavaScript 无限重复循环。五个图像在左边只移动一次，这就是结束。我想移动五个图像无限重复循环。你能帮我写代码吗？

问候。

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

<div class="photobanner">
    <div id="photoSlider">
        <div class="photos">
            <img src="images/01.jpg" style="margin-top: 15px" />
            <img src="images/02.jpg" style="margin-top: 15px" />
            <img src="images/03.jpg" style="margin-top: 15px" />
            <img src="images/04.jpg" style="margin-top: 15px" />
            <img src="images/05.jpg" style="margin-top: 15px" />
        </div>
    </div>
</div>

<script type="text/javascript">
    function infinite() {
        var elem = document.getElementById("photoSlider");
        elem.appendChild(elem.children[i].cloneNode(true));
      setTimeout(infinite, 1);
    }
</script>

我的 CSS：

http://pastebin.com/hS3C5ns4

【问题讨论】：

你的意思是这样？ wowslider.com/carousel-slider-showy-carousel-demo.html
至少你有左右移动的代码？ ....您尝试过的内容
我一直很喜欢猫头鹰旋转木马：owlcarousel.owlgraphic.com/demos/autoplay.html
只向左移动。
使用选框...或者更严重的是使用 CSS，例如 css-tricks.com/infinite-all-css-scrolling-slideshow

标签： javascript jquery

【解决方案1】：

您可以使用几个在线提供的 JQuery 滑块插件。您尝试实现的功能非常常见，并且使用插件可确保所有案例场景都得到很好的处理，而您不必担心开发中的一些缺陷。您可以使用的流行之一是https://amazingslider.com/。还有其他选择。只是探索和决定！

【讨论】：