jQueryの.delayメソッドはどのように動作しますか？

Question

私はちょうどこれを見て、それがクールだと思う。

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

どのように.delayメソッドがフードの下で機能しますか？つまり、どのようにして3秒間待機するが、メインの制御フローを中断しないかを把握する方法はありますか？あなたがdelayを使用する場合

[ nextAction, 
    action, 
    action, 
    lastAction ] 

、それはプッシュ：

Answer 1

jQueryのことは単なる配列で、内部の "キュー" を目的としている

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

意味、それが遅延になったら、タイムアウトがあり、次のアクションが発生します。ただし、すぐに発生するアクションは、.cssのようになります。

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

遅延がありません。

Answer 2

基本的には、タイムアウトを使用して遅延機能を使用しています。

ここでは、ソースコードを参照してください：http://james.padolsey.com/jquery/#v=1.6.2&fn=delay

キューおよびデキューのためのコードも有用である：
http://james.padolsey.com/jquery/#v=1.6.2&fn=queue
http://james.padolsey.com/jquery/#v=1.6.2&fn=jQuery.dequeue