@sergei026
Стремлюсь стать верстальщиком

Как сделать случайное появление блоков по времени?

Как сделать случайное появление блоков по времени?
Пока все блоки появляются только одновременно.
Нужно, чтобы каждые 3 секунды появлялся рандомно один из трех блоков.

https://codepen.io/sergej-korolew/pen/eYrMdRv

<div class="block">
  <div class="inner inner-1">1</div>
  <div class="inner inner-2">2</div>
  <div class="inner inner-3">3</div>
</div>

.block{
  width: 200px;
   border: 1px solid black;
}

.inner {
  padding: 5px;
   height: 50px;
  margin: 5px;
  border: 1px solid black;
  top: -800px;
  position: relative;
}

._active{
  top: 0;
}

const inner = document.querySelectorAll('.inner');
setTimeout(function () {
	inner.forEach(element => {
		element.classList.add('_active')
	});
}, 3000);
  • Вопрос задан
  • 137 просмотров
Решения вопроса 1
HistoryART
@HistoryART Куратор тега JavaScript
Начинающий пингвинус
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы