Лучший способ поставить задержку после вызова функций javascript

Question

Я использую jquery для вызова некоторых функций javascript с задержкой между ними.
Также я использую Jquery Wait

Когда я вызываю функцию ниже, все функции называются соответственно, между задержками нет задержек.

$(this) 
.call(f1) 
.wait(5000) 
.call(f2) 
.wait(5000) 
.call(f3); 

Здесь вызов функция вызывает некоторую функцию, как я сделал

$.fn.call = function (f) { 
    if (f) 
     f(); 

    return this; 
}; 

Что я делаю неправильно? Как я могу добиться чего-то подобного?
Спасибо

Answer 1

Если вы хотите, чтобы вызвать функцию каждые 5 секунд использовать

setTimeout(function(){f1},5000); 
setTimeout(function(){f2},10000); 
setTimeout(function(){f2},15000); 

, если вы хотите вызвать каждую функцию через 5 секунд после последнего одного прекращено использование

setTimeout(function(){f1;setTimeout(function(){f2;setTimeout(function(){f3},5000);},5000);},5000); 

Answer 2

Вы дон Не нужно wait() из этой кулинарной книги; delay() встроен и, похоже, имеет одинаковую функциональность. Но любая функция включает в себя добавление чего-то к внутренней очереди эффектов jQuery, а затем ее удаление после истечения тайм-аута, т. Е. Это не заявление о спящем режиме, поэтому он не будет ждать, пока не вернется.

Если вы хотите использовать delay() или wait(), вы должны сделать call() Епдиеие функция с queue(). Просто наброски, но что-то вроде:

$.fn.call = function(f) { 
    if (f) { 
     $(this).queue(function() { 
      f(); 
      $(this).dequeue(); 
     } 
    } 
    return this; 
} 

Тогда я ожидаю, что ваш код будет работать так, как вы планируете.

Answer 3

Вот функция, которая вызывает в последовательности массив функции:

$.fn.callFn = function(fns, delay) { 
    var fn, that = this; 
    if(fns.length > 0){ 
     fn = fns.shift() 
     fn && fn(); 
     setTimeout(function(){ 
      that.callFn(fns, delay); 
     }, delay); 
    } 
    return this; 
}; 

И вы могли бы назвать это так:

$(this).callFn([f1, f2, f3], 2000); 

Answer 4

$('#box').slideUp(300).delay(800).fadeIn(400); 

/* .delay = wait time = 800 (this means it will wait 800/1000 of a second/ "1000 = 1 second") */