Добавление класса Active в один из тегов div в реальном времени

303
27 января 2017, 04:53

Вопрос: Как составить скрипт, который в реальном времени рандомно добавляет класс Active в любой тег c классом item.

<div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
Answer 1

setInterval(function(){ 
var random = parseInt((Math.random()) * 3); 
var remove = parseInt((Math.random()) * 3); 
var res = document.querySelectorAll('.item'); 
res[random].classList.add('active'); 
if(random != remove) 
res[remove].classList.remove('active'); 
},3000); 
   
.active { 
  background: red; 
  width:200px; 
  height:100px; 
  border:1px solid black; 
} 
.item { 
  width:200px; 
  height:100px; 
  border:1px solid black; 
} 
   
<div> 
<div class="item"></div> 
<div class="item"></div> 
<div class="item"></div> 
</div>

READ ALSO
HTML-атрибут role

HTML-атрибут role

Для чего используется HTML-атрибут role? Для кого он указывается? Является ли он обязательным для HTML-элементов?

350
Музыка при первом заходе на страничку сайта

Музыка при первом заходе на страничку сайта

Возможно сделать музыку только при первом заходе на сайт? И как это реализовать? Представьте пример пожалуйста Спасибо

300
Как натягивать landing page на wordpress

Как натягивать landing page на wordpress

Как известно, в landing page содержатся много блоков, каким образом сохранять эти блоки, в качестве страниц, рубрик, записей? Еще бывают моменты...

417
Как инкапсулировать логику в один метод

Как инкапсулировать логику в один метод

Я реализую задачу "Дилемма заключённого"

337