jQuery'nin .delay yöntemi kaput altında nasıl çalışır?

Question

Sadece bunu gördüm ve harika olduğunu düşünüyorum.

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

.delay yöntemi, başlık altında nasıl çalışır? Demek istediğim, 3 saniye beklemeyi ama ana kontrol akışını kesmemeyi nasıl anlıyor? Eğer delay kullandığınızda

[ nextAction, 
    action, 
    action, 
    lastAction ] 

, bu iter:

Answer 1

jQuery bu sadece bir dizidir, bir iç "kuyruk" nesne vardır

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

Anlamı o gecikmeden alır sonra, bir zaman aşımı var ve bir sonraki aksiyon başlatıldı. Ancak .css gibi, hemen gerçekleştirilmesi Eylemler, yapın:

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

hiçbir gecikme.

Answer 2

Temelde, gecikme işlevine koyduğunuz zamanınızla birlikte zaman aşımlarını kullanır. Kuyruktaki ve Dequeue için kodu da yararlıdır http://james.padolsey.com/jquery/#v=1.6.2&fn=delay

:

burada kaynak koduna bakın
http://james.padolsey.com/jquery/#v=1.6.2&fn=queue
http://james.padolsey.com/jquery/#v=1.6.2&fn=jQuery.dequeue