javascript - 如何重置 setInterval 函数内的值？

Question

这个问题已经有答案了:

Javascript: Restart loop once at the end of an array (5 个回答)

已关闭 4 年前。

我正在使用setInterval jquery的改变img src每 3 秒后。它有效，但我不希望它停止而是继续。例如，我给了它一个图像名称数组，它选择每个名称并将其放入源中。我正在检查索引 no 和数组的长度，即如果小于则继续，否则不继续。

满足条件后，我想自动重启，但不知道如何？

<script type="text/javascript">
    var index = 0;
    var imagesArr = ["p.png", "White.png"];
    var arrLength = imagesArr.length;

    setInterval(function ()
    {
        if (index < arrLength)
        {
            $("#imgSlider").attr("src", "/Content2/img/" + imagesArr[index]);
        }


       // alert(index);

        index++;
    }, 3000);

</script>

更新:

设置其他条件，但不起作用。

  else
        {
            index = 0;
        }

Answer 1

    if (index == arrLength) {
      index = 0;
    }

将其放置在增量 (index++) 下方会在索引作用于数组中的最后一个元素后立即重置索引。然而，做你想做的事情的最干净的方法是在现有的 if 语句之后立即说“else { }”并在那里重置索引，并且由于你想从 0 开始而不执行“index++”，所以我会放置if 语句中包含“index++”，因此它仅在索引仍小于数组长度时执行。