Последовательная смена элементов в цикле с паузой
Приветствую всех!!! :)
Подскажите, пожалуйста: Цель - в цикле с задержкой 5сек выводить в одном месте старницы по очереди один из четырех дивов. Предыдущий затухает до невидимости, следующий начинает проявляться и т.д. Сверстал все 4 дива на странице и в js сделал: $( '.flash2' ).hide(); $( '.flash3' ).hide(); $( '.flash4' ).hide(); что бы показывался только первый. Далее цикл(для пробы только 1 круг):
for ( var i = 1; i < 5; i++ ) {
var j = i + 1; if (j == 5){j = 1;}
$( '.flash'+i ).fadeOut(2000);
$( '.flash'+j ).fadeIn(2000);
}
Задержку как ни пытался воткнуть между сменой - не хочет работать и цикл пробегает сразу - показывая на странице сразу все дивы, которые постепенно затухают :( Ну и естественно все это внутри
$(document).ready(init);
function init(){
......
}
|
Цитата:
Используй setTimeout(). |
| Часовой пояс GMT +3, время: 12:00. |