Javascript.RU

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

Постоянная работа скрипта
Здравствуйте. Я не такой знаток яваскрипта, поэтому и прошу помощи. Задача у меня такая, необходимо проводить одну и туже анимацию 10 элементов с задержкой между элементами в пол секунды. После окончания всё должно повторяться. Вот как раз с повторением и проблемы. Со следующим кодом всё работает нормально, но один раз
var mks = document.body.clientWidth*0.5; 
var mkl1= '+='+mks+'px';
var ff = "linear";
function mks_run2(n) 
{
$("#m"+n).animate( {left: mkl1},{ duration: 750, easing: "easeInExpo"})
.animate( {left: '+='+(70+n*5)+'px', top: '-='+(20+n*5)+'px'},{ duration:200, easing: "linear"})
.animate( {left: '+='+(20+n*2)+'px', top: '-='+(30+n*2)+'px'},{ duration:190, easing: ff})
.animate( {left: '+='+(20+n*2)+'px', top: '-='+(50+n*2)+'px'},{ duration:250, easing: ff})
.animate( {left: '-=5px', top: '-=10px'},{ duration:150, easing: ff})
.animate( {left: '-=10px', top: '-=10px'},{ duration:150, easing: ff})
.animate( {left: '-=40px', top: '-=10px'},{ duration:250, easing: ff})
.animate( {left: '-=20px', top: '-=5px'},{ duration:250, easing: ff})
.animate( {left: '-=50px', top: '+=10px'},{ duration:250, easing: ff})
.animate( {left: '-=30px', top: '+=10px'},{ duration:300, easing: ff})
.animate( {left: '-=30px', top: '+=20px'},{ duration:250, easing: ff})
.animate( {left: '-=20px', top: '+=40px'},{ duration:250, easing: ff})
.animate( {left: '+=10px', top: '+=40px'},{ duration:450, easing: ff})
.animate( {left: mkl1, top: '+=220px'},{ duration:2550, easing: ff})
.animate( {left: '+=20px', top: '-=2px'},{ duration:650, easing: ff})
.animate( {left: '-='+(mks-n*25)+'px', top: '+=450px'},{ duration:2250, easing: ff})
.fadeOut('slow');
}

setTimeout(function(){mks_run2(1);}, 500);
setTimeout(function(){mks_run2(2);}, 500);
setTimeout(function(){mks_run2(3);}, 500);
setTimeout(function(){mks_run2(4);}, 500);
setTimeout(function(){mks_run2(5);}, 500);
setTimeout(function(){mks_run2(6);}, 500);
setTimeout(function(){mks_run2(7);}, 500);
setTimeout(function(){mks_run2(8);}, 500);
setTimeout(function(){mks_run2(9);}, 500);
setTimeout(function(){mks_run2(10);}, 500);


Подскажите что можно сделать чтобы всё было циклично. Заранее спасибо

Последний раз редактировалось Furio29, 05.05.2011 в 18:05.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Некорректная работа скрипта в разных браузерах en-k Общие вопросы Javascript 2 15.03.2011 14:54
Работа скрипта после ajax обновления Nonamer jQuery 1 11.02.2011 15:19
Некорректная работа скрипта defond Серверные языки и технологии 15 24.01.2011 18:07
Работа скрипта в разных браузерах estonec Internet Explorer 5 24.03.2010 13:39
Асинхронная работа скрипта slivka_83 Общие вопросы Javascript 3 10.09.2009 15:44