0

Скажите пожалуйста! Как можно объединить все эти функции и запустить их выполнение бесконечно?

$(document).ready(function(){
$("#top").delay(5000).animate({left:"-=300px"}, 3000).delay(5000).animate({left:"-=290px"}, 3000);
});
$(document).ready(function(){
$("#text").delay(8000).animate({left:"-=290px"}, 3000).delay(2000).animate({left:"-=290px"}, 100);
});
$(document).ready(function(){
$("#text1").delay(8000).animate({left:"+=240px"}, 3000).delay(2500).animate({top:"-=30px", opacity:0},1000);
});
$(document).ready(function(){
$("#text2").delay(8000).animate({left:"-=240px"}, 3000).delay(2000).animate({left:"+=290px"}, 100);
});
2
  • 1
    тыщу раз уже было. ps: не надо делать $(document).ready на каждую команду, хватит одного раза.
    – zb'
    25 фев 2014 в 12:43
  • Прошу извинения! Я выставил сырой вариант. Что можно сделать? Может через setaInterval или через циклы while или for?
    – Arty21
    25 фев 2014 в 12:49

2 ответа 2

1

Официальная документация, страница queue, первый пример (показывает длину очереди, но функционал именно тот, что нужен)

var div = $( "div" );
function runIt() {
  div
    .show( "slow" )
    .animate({ left: "+=200" }, 2000 )
    .slideToggle( 1000 )
    .slideToggle( "fast" )
    .animate({ left: "-=200" }, 1500 )
    .hide( "slow" )
    .show( 1200 )
    .slideUp( "normal", runIt );
}

Можно еще сделать совсем по-красивому с замыканиями, когда функция runIt не видна из глобального пространства.

5
  • Скажите пожалуйста! Почему он повторно не хочет выводить.Автоматом не получается. $(document).ready(function(){ var car = $( "#top" ); function runIt() { car .delay(5000) .animate({left:"-=300px"}, 3000) .delay(5000) .animate({left:"-=290px"}, 3000); } runIt(); });
    – Arty21
    26 фев 2014 в 7:08
  • Обратите внимание на последний animate. $(document).ready(function(){ var car = $( "#top" ); function runIt() { car .delay(500) .animate({left:"+=300px"}, 500) .delay(500) .animate({left:"-=290px"}, 500, runIt); } runIt(); }); jsfiddle
    – etki
    26 фев 2014 в 7:22
  • Очень хорошо сделано! Только я хотел из начально не много другое. У вас движение идет автоматически с право на лева и на оборот.Помогите мне понять как можно сделать так, чтобы Объект проходя свой круг начинал его заново?
    – Arty21
    26 фев 2014 в 7:47
  • Слева направо, справа налево, а затем начинает анимацию заново. Последний аргумент в animate - это callback-функция, которая вызывается по завершении анимации.
    – etki
    26 фев 2014 в 7:50
  • Соль в том что, мне надо с право на лево, и опять с права на лево, и так бес конца. Как можно использовать эту функция обратного вызова?
    – Arty21
    26 фев 2014 в 9:31
0

Через функцию window.setInterval(func|code, delay), примерно так:

$(document).ready(function(){
    window.setInterval(animation, 17000);
});

function animation(){
    $("#top").delay(5000).animate({left:"-=300px"}, 3000).delay(5000).animate({left:"-=290px"}, 3000);
    $("#text").delay(8000).animate({left:"-=290px"}, 3000).delay(2000).animate({left:"-=290px"}, 100);
    $("#text1").delay(8000).animate({left:"+=240px"}, 3000).delay(2500).animate({top:"-=30px", opacity:0},1000);
    $("#text2").delay(8000).animate({left:"-=240px"}, 3000).delay(2000).animate({left:"+=290px"}, 100);
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.