如何在 JavaScript 中重新启动 forEach() 循环

Question

I have the following loop which goes through the characters of each array element, and stops.

var container = $("#myid")
container.shuffleNames();
const names = ["", "john", "rita", "katsigaros", "jonathan", "peepee"];

names.forEach((i, t) => {
        (function(index, text) {
            setTimeout(function(){
                container.shuffleNames({
                    "text": text
                });
            }, index * 3000);
        })(t, i);
});

How can I make it to kick back from the beginning when looping ends and restart for infinity?

Answer 1

You can use an interval that runs forever and just access the next element in names each time, bu incrementing a variable that stores the index of the current name and using % to reset it back to 0 when it exceeds the length of the array:

let index = 0;
setInterval( ( ) => {
  container.shuffleNames({
    "text": names[ index = (index + 1) % names.length ]
  });
}, 3000 );