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

var arr = [1, 2, 3];
 
arr.forEach(function(num, i, arr) {
  // ??? ;
});

let a;
arr.forEach(function (num, i, arr) {
  setTimeout(() => {
    a = num;
  }, i * 1000);
});

let a;
function f(i = 0) {
  if (i == arr.length) return;
  a = arr[i++];
  //console.log(a);
  setTimeout(() => {
    f(i);
  }, 1000);
}
f();

if (i == arr.length) return;
// →
if (i == arr.length) i = 0;

const foo = arr => {
  let i = 0;
 
  setInterval(() => {
    if (++i === arr.length) i = 0
  }, 1000);
 
  return () => arr[i];
}
 
const bar = foo([1, 2, 3, 4, 5]);
 
setInterval(() => console.log(bar()), 500);

var a;
async function f(i = 0) {
  if (i == arr.length) i = 0;
  a = arr[i++];
  setTimeout(() => {
    f(i);
  }, 1000);
}
f();
function N1() {
let c = 0;
let arr2 = [];
let N = 100;
let b;
for (var k = 1; k <= N; k++) {
   arr2.push(a);
   document.write('Item: ' + arr2[c++] + ' of ' + arr2.length + '<br/>');
}
}

const generator = {
  arr: [],
  current: 0,
  start(src) {
    setInterval(() => {
      this.arr.push(src[this.current]);
      if (++this.current === src.length) this.current = 0;
    }, 1000);
  }
}
 
const arr = [1, 2, 3, 4, 5, 6];
const t = 10; // sec
 
generator.start(arr);
 
setTimeout(() => {
  const p = document.createElement('p');
  p.textContent = generator.arr;
  document.body.appendChild(p);
}, t * 1000);

setInterval(() => {

        let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // есть список элементов
        let a; // есть переменная, которая должна поочередно принимать значение этих элементов через одну секунду. 
 
        let b; // Есть вторая переменная, она должна принимать значение первой, но уже не через секунду, а через произвольное время.
        let arr2 = []; // Нужно создать второй массив, в котором будут значения второй переменной, которые она будет принимать через вот эти 1.5 сек. 
        let tik2Step = 1500; // Вот это время 1.5 сек нужно задать переменной, чтобы его можно было менять.
 
        // Служебные переменные
        let i = 0; // Текущий индекс
 
 
 
        setInterval(tick1, 1000);
        setInterval(tick2, tik2Step);
 
        function tick1() {
            a = arr[i++];
            if (i == arr.length) i = 0;
        }
 
        function tick2() {
            arr2.push(a);
            // Тестирование
            document.body.insertAdjacentHTML('beforeend', 'Item: ' + arr2[arr2.length - 1] + '<br/>');
        }