Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.04.2012, 13:34
Новичок на форуме
Отправить личное сообщение для seosovest Посмотреть профиль Найти все сообщения от seosovest
 
Регистрация: 06.04.2012
Сообщений: 8

поочередный вывод элементов массива
Подскажите, пожалуйста, как реализовать показ элементов массива по очереди? (т.е., сначала первый, через 2 секунды второй и т.д.)
Вот что имеется:

// есть массив $tElems из 16 элементов

for (var i = 0; i<16; i++){
      var cft = $tElems[i];
      $(cft).animate({opacity: 1},600).delay(2000).stop().animate({opacity: 0},400).delay(2000).stop();
	}


Только здесь появляются и исчезают все элементы одновременно, а надо по одному и с интервалом...

ps: я новичок, прошу больно не бить)
Ответить с цитированием
  #2 (permalink)  
Старый 06.04.2012, 14:33
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 804

в строке перед
.animate({opacity: 1},600)

поставьте, например
.delay(1000 * i)
Ответить с цитированием
  #3 (permalink)  
Старый 06.04.2012, 15:07
Новичок на форуме
Отправить личное сообщение для seosovest Посмотреть профиль Найти все сообщения от seosovest
 
Регистрация: 06.04.2012
Сообщений: 8

Сообщение от Maxmaxmахimus Посмотреть сообщение
$('selector').css({opacity: 0}).each(function(i){
  $(this).delay(1000 * i).animate({opacity: 1});
})
Спасибо за ответ)
Но даже так все объекты выдаются одновременно
Ответить с цитированием
  #4 (permalink)  
Старый 06.04.2012, 15:09
Новичок на форуме
Отправить личное сообщение для seosovest Посмотреть профиль Найти все сообщения от seosovest
 
Регистрация: 06.04.2012
Сообщений: 8

Сообщение от Pavel M. Посмотреть сообщение
в строке перед
.animate({opacity: 1},600)

поставьте, например
.delay(1000 * i)
Спасибо за совет)
Все равно не получается
Ответить с цитированием
  #5 (permalink)  
Старый 06.04.2012, 16:48
Новичок на форуме
Отправить личное сообщение для seosovest Посмотреть профиль Найти все сообщения от seosovest
 
Регистрация: 06.04.2012
Сообщений: 8

Есть ли какие-либо иные методы, кроме .delay()?
Нельзя как-нибудь отложить выполнение показа последующего элемента?

Да, и интервал показа для всех элементов равный)) (к примеру, 2 секунды)
Ответить с цитированием
  #6 (permalink)  
Старый 07.04.2012, 08:42
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 804

Сообщение от seosovest Посмотреть сообщение
Спасибо за совет)
Все равно не получается
ниже ваш код, только количество элементов до 5 сократил и убрал лишние .stop() - не нужны

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<p>Hello World</p>
<p>Hello World</p>
<p>Hello World</p>
<p>Hello World</p>
<p>Hello World</p>

<script>
	var $tElems = $('p');
	$tElems.css({opacity: 0});

	for (var i = 0; i < 5; i++) {
		var cft = $tElems[i];
		$(cft).delay(1000 * i) // добавили задержку
		   .animate({opacity: 1},600).delay(2000).animate({opacity: 0},400); // .stop() убрали
	}
</script>
Ответить с цитированием
  #7 (permalink)  
Старый 09.04.2012, 09:41
Новичок на форуме
Отправить личное сообщение для seosovest Посмотреть профиль Найти все сообщения от seosovest
 
Регистрация: 06.04.2012
Сообщений: 8

Сообщение от Pavel M. Посмотреть сообщение
ниже ваш код, только количество элементов до 5 сократил и убрал лишние .stop() - не нужны
Ааа)))) Круто! Все работает))
Спасибо огроменное!!!
Ответить с цитированием
  #8 (permalink)  
Старый 09.04.2012, 09:47
Новичок на форуме
Отправить личное сообщение для seosovest Посмотреть профиль Найти все сообщения от seosovest
 
Регистрация: 06.04.2012
Сообщений: 8

to Maxmaxmахimus:

Спасибо большущее!!! Это то, что я искала!)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вывод поочередно элементов массива Димтрий Элементы интерфейса 17 06.03.2012 22:43
Обработка массива элементов формы и сохранение Viper jQuery 0 19.01.2012 14:04
поиск одинаковых значений элементов массива Valstor Общие вопросы Javascript 20 09.12.2011 16:56
Вывод переменного по количеству элементов массива из json ArmagedDance Элементы интерфейса 4 08.06.2011 09:45
вставка элементов массива в текстовую форму по клику olezyk Общие вопросы Javascript 3 21.03.2009 21:01