Объясните,пожалуйста, как можно повесить класс на каждый элемент массива через определенный интервал?
$(function() {
$array = $('.array-item');
setTimeout(function() {
$array.each(function() {
setTimeout(function() {
$(this).addClass('red');
}, 300);
});
}, 1000);
});
div {
display: block;
width: 100px;
height: 50px;
padding: 15px;
background-color: green;
font-size: 20px;
line-height: 20px;
text-align: center;
}
div.red {
background-color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="array-item">1</div>
<div class="array-item">2</div>
<div class="array-item">3</div>
тут я хочу,чтобы через секунду после загрузки страницы, зеленые блоки стали красными по очереди с интервалом в 300мс. Если можно, хотелось бы увидеть решение и на JS, и на JQ. Заранее спасибо))
P.S. и укажите,пожалуйста, почему мой код не работает)))