javascript - 无限循环运行 5 次后重置

Question

我已经研究了一个无限循环，包括变量、数组，现在希望包含一个重置函数。

在此脚本中，“LoopNumber”变量用于确定数组中的哪个数字将打印到“marqueetext”分区的内容中。

由于在脚本开始时循环编号被赋予整数“1”，因此变量“marqueepicker”将受到影响。因此，脚本必须在 5 次循环时重置，而不是 6 次。

<script>
    var StopLoop = false;
    var Loop = null;
    var LoopNumber = 0;
    var MarqueeArray = ["1", "2", "3", "4", "5", "6"];
    var MarqueePicker = 0;

    Loop = function(){
        LoopNumber = LoopNumber + 1;
        MarqueePicker = LoopNumber - 1;

    $(".marqueetext").text(MarqueeArray[MarqueePicker]);
        if(!StopLoop) window.setTimeout(Loop,1000);
        }; 

    Loop();

    </script>

为了展示 JS 的各个方面，此脚本需要包含包含的属性。

之前有关重置功能的工作包括

   if (LoopNumber == 6) {
       LoopNumber = 0    
   };

当循环继续时，无论其中的定位和位置如何，我都未能成功地将这些添加到脚本中。我知道代码没有缩进，操作符可能不完全正确，但是这个脚本是一个测试模块，因此细节和效率将在后面包含。

http://jsfiddle.net/#&togetherjs=drimOc2l61

如果可能的话，您能否提供有关此重置的任何帮助和指导!提前致谢。

Answer 1

更换线路

LoopNumber = LoopNumber + 1;

与

LoopNumber = LoopNumber % MarqueeArray.length + 1;

这将确保您的循环编号始终位于选取框数组的适当范围内

-DEMO-