W jaki sposób metoda .delay jQuery działa pod maską?

Question

Po prostu to zobaczyłem i myślę, że jest fajnie.

console.log("Starting..."); 
$("#my_element") 
    .fadeIn() 
    .delay(3000) 
    .fadeOut(); 
console.log("Finishing..."); 

Jak działa metoda .delay pod maską? Chodzi mi o to, w jaki sposób można poczekać 3 sekundy, ale nie przerywać głównego sterowania?

Answer 1

jQuery posiada wewnętrzny "kolejki" obiekt, który jest tylko tablicą:

[ nextAction, 
    action, 
    action, 
    lastAction ] 

Podczas korzystania delay, to popycha:

function delay(ms){ 
    setTimeout(dequeue, ms) 
} 

To znaczy, że gdy dojdzie do opóźnienia, jest limit czasu, a następnie zostaje uruchomiona następna akcja. Działania, które zdarzają się natychmiast, jak .css jednak zrobić:

function css(){ 
    // do stuff 
    dequeue(); 
} 

bez opóźnienia.

Answer 2

Zasadniczo wykorzystuje limity czasowe z czasem, który wprowadzono do funkcji opóźnienia.

Zobacz kod źródłowy tutaj: http://james.padolsey.com/jquery/#v=1.6.2&fn=delay

Kod do kolejki i rozkolejkowania są również użyteczne:
http://james.padolsey.com/jquery/#v=1.6.2&fn=queue
http://james.padolsey.com/jquery/#v=1.6.2&fn=jQuery.dequeue