Как вернуть значение из setInterval на данном примере?

Question

[Nekio]

Хотел сделать так, чтобы значение из setInterval попадало в функцию, которое, в свою очередь, подставлялось в стиль градиента.

https://codepen.io/quays1de/pen/porZobR

Comments

[WapSter]

Неверно мыслишь. Тебе функцию по обновлению градиента нужно запускать внутри интервала

[Nekio]

WapSter, да, но тогда все значения приходящие из рандомной переменной в setInterval будут одинаковые:
https://codepen.io/quays1de/pen/ZEJjEaa

[Александр]

QuayS1de, Какого эффекта вообще хотите добиться?

[Nekio]

Александр, хотел каждому значению градиента присвоить свою рандомную переменную, которая будет прибавлять единицу, пока не достигнет 255. В общем просто получить плавно-меняющийся градиент

[Александр]

QuayS1de, тогда создайте массив из "шагов" градиента. Каждый шаг будет содержать число (если градиент должен быть в серых тонах) или массив чисел (если градиент должен быть цветным). Ну и на каждой итерации интервала проверяете - все ли "шаги" достигли 255 (если цветной, то все ли элементы достигли 255). Или можете заранее посчитать максимальное количество итераций - 255 минус минимальное число из "шага".

const numbers = [];
let count = 0;

for (let i = 0; i < 5; i++) {
  const number = Math.round(Math.random() * 255);
  const diff = 255 - number;
  if (diff > count) {
    count = diff;
  }
  numbers.push(number);
}

console.log(numbers); // [ 173, 194, 22, 85, 55 ]
console.log(count); // 233

for (let i = 0; i < count; i++) {
  for (let j = 0; j < 5; j++) {
    numbers[j] = Math.min(numbers[j] + 1, 255);
  }
}

console.log(numbers); // [ 255, 255, 255, 255, 255 ]