Показать сообщение отдельно
  #12 (permalink)  
Старый 31.10.2016, 23:42
Аватар для Black_Star
Профессор
Отправить личное сообщение для Black_Star Посмотреть профиль Найти все сообщения от Black_Star
 
Регистрация: 11.07.2016
Сообщений: 300

А если задачу надо усложнить. Как сделать что б через установленный промежуток времени к каждому блоку добавлялся класс с анимацией, причем пока эта анимация не проиграется для этого блока дальше цикл не идет ?

window.onload = function () {

		var $elem = $('#bigBlock div');
		var len = $('#bigBlock div').length;
		var i = 0;

		
		for (i = 0; i < len; i++){
				(function(i) {

						var el = $elem[i];
						var width = el.scrollWidth,
						      height = el.scrollHeight;

						setTimeout(function() {
*!*
						  el.addClass('animated flip'); // не работает  
*/!*

								el.style.width = height+'px';
								el.style.height = width+'px';

						}, 1000*i);
				}) (i);
		}
Ответить с цитированием