Как сделать чтоб блоки сменяли бесконечно друг друга через 3с?

Question

[IGOR]

Подскажите пожалуйста, есть массив объектов, есть функция, создающая блок, нужно сделать бесконечную смену блоков через 3с., у меня они появляются все вместе.

const arrObj = [
     {
       img: 'img/avatar-1.png',
       textUser: 'Здравствуйте!',
       textAdmin: 'Привет!',
     },
     {
       img: 'img/avatar-2.png',
       textUser: 'Как дела?',
       textAdmin: 'Норм',
     },
   ];
   
   function getChat(arr) {
     const block = document.createElement('div');
   
     const user = document.createElement('div');
     const userImg = document.createElement('img');
     userImg.src = arr.img;
     const userText = document.createElement('p');
     userText.textContent = arr.textUser;
   
     const admin = document.createElement('div');
     const adminImg = document.createElement('img');
     adminImg.src = 'img/logo.svg';
     const adminText = document.createElement('p');
     adminText.textContent = arr.textAdmin;
   
     admin.append(adminImg, adminText);
     user.append(userImg, userText);
     block.append(user, admin);
   }
   
   setInterval(() => {
     for (let i = 0; i < arrObj.length; i++) {
       getBlock(arrObj[i]);
     }
   }, 3000)

Answer 1

[Алексей Ярков]

Давайте своим блокам уникальные id и проверяйте какой сейчас существует. Если существует #user, то заменяем его на #admin и наоборот. Ну и с контейнером для блоков та же история. Если он существует, то очищаем его перед добавлением блока.

Comments

[IGOR]

В функции при смене блока меняется объекты в массиве