зацикливание набора из 3 функций в jquery - просто нет?

Question

Прости мою глупость, я новичок в jquery!

На данный момент у меня есть 3 функции

function function1(){
do something
}

function function2(){
do something
}

function function3(){
do something
}

То, что я хочу, это иметь при загрузке DOM, чтобы он запускал функцию1, дайте анимации поработать в функции 1. Как только она закончит загружать функцию 2, дайте анимации поработать, и когда закончите, загрузите функцию 3. затем снова вернитесь к функции 1.

Answer 1

Для ваших анимаций у вас есть параметр complete, вы можете просто передать их в:

function function1(){
  $(...).animate(args, {
    complete: function2
  });
}

function function2(){
  $(...).animate(args, {
    complete: function3
  });
}

function function3(){
  $(...).animate(args, {
    complete: function1
  });
}

$(function1);

Answer 2

Использовать функции обратного вызова .

function function1(){
    $(el).animate({...}, function2);
}

function function2(){
    $(el).animate({...}, function3);
}

function function3(){
    $(el).animate({...});
}