Javascript. Как по очереди(с задержкой) изменить свойство елемента?

Question

[rsoinvi]

Допустим хочу чтобы каждый элемент(elem) с задержкой изменил цвет на красный.
Мой нерабочий код:

<div class = "elem"></div>
<div class = "elem"></div>

let b  = document.querySelectorAll('.elem');
for (var i = 0; i < b.length; i++){
   setTimeout(function(){
      b[i].style.backgroundColor= "red";
   },1000)
}

Answer 1

[Дмитрий]

Пример

Answer 2

[Yustas Alexu]

Вариант с очищением стиля предыдущего элемента и возвратом в начало списка:

const list = document.querySelectorAll('.elem');
let pool = [...list];
let counter = 0;
animate();

function animate(index = 0) {
    setTimeout(() => {
        if (!pool.length) {
     	    pool = [...list];
            counter = 0;
        }
  	const current = pool.shift();
        list[index - 1] && (list[index - 1].style.backgroundColor = 'white');
  	current.style.backgroundColor = 'red';
        animate(++counter);
    }, 1000);
}