Последовательная смена элементов в цикле с паузой
Приветствую всех!!! :)
Подскажите, пожалуйста: Цель - в цикле с задержкой 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, время: 14:07. |