Как сделать чтобы каждый промежуток времени возвращало следующий элемент массива?

Question

[Artyom]

Есть массив

let colors = ["red", "pink", "coral", "orange", "yellow", "green"];

Нужно создать функцию, которая будет возвращать каждую секунду следующий элемент массива

Comments

[Модератор]

Artyom Yarmoluk дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац). В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[Stalker_RED]

У вас же в предыдущем вопросе была такая функция. Что с ней не так?

Answer 1

[0xD34F]

О каком массиве идёт речь, через какой промежуток надо получать его элементы и что с ними делать:

const options = [
  [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
  500,
  console.log,
];

Можно установить интервал:

function interval(arr, delay, callback) {
  let i = -1;

  return arr.length
    ? setInterval(() => callback(arr[i = -~i % arr.length]), delay)
    : null;
}


const intervalId = interval(...options);
// надо остановить хождение по кругу, делаем так: clearInterval(intervalId);

Или воспользоваться рекурсивными таймаутами:

function interval(arr, delay, callback) {
  let timeoutId = null;

  arr.length && (function step(i) {
    timeoutId = setTimeout(() => {
      callback(arr[i]);
      step((i + 1) % arr.length);
    }, delay);
  })(0);

  return () => clearTimeout(timeoutId);
}


const stop = interval.apply(null, options);
// надо остановить, делаем так: stop();

Answer 2

[coderisimo]

let colors = ["red", "pink", "coral", "orange", "yellow", "green"];

let t = setInterval(function () {
  if (!colors.length) clearTimeout(t);
  colors.length && console.log(colors.shift());
}, 1000);

следует понимать, что в данном случае после выдачи всех значений массив будет пуст.

Answer 3

[Stalker_RED]

function getColor() {
  return colors[(+ new Date()) % colors.length];
}

Answer 4

[Арсений Матыцин]

Удаляй первый элемент и пуш его в конец массива. Показывай всегда 0-индексный элемент массива и повторяй это каждую секунду)