Gecikme

Question

JavaScript in zincirleme yöntemi hakkında daha fazla öğrenmeye çalışıyorum ve zincirdeki bir sonraki işleve yönelik bir jQuery ile bir gecikme oluşturmak için uygun şekilde bilmek istiyorum:

var foo = function() { 
    this.delay = function(per) { 
     setTimeout(start, per); 
     return this; 
    }; 
    this.start = function() { 
     alert('start!'); 
    }; 
}; 

var bar = new foo().delay(1000).start(); 

Answer 1

Bunu yapmak kolay değil. jQuery bir specific queue system kullanır.

JQuery olmadan yapmak istediğinizi varsayalım, bir kuyruğu kendiniz uygulamanız gerekir. Örneğin

bu çok basit uygulama: Eğer zincirine foo tanımlanmayan başka bir fonksiyon isterseniz

var foo = function() { 
    var queue = []; 
    var timer; 
    this.delay = function(per) { 
     timer = setTimeout(function(){ 
     timer = 0; 
     var f; 
     while (f = queue.shift()) f(); 
     }, per); 
     return this; 
    }; 
    this.addFunction = function(f) { 
     if (timer) queue.push(f); 
     else f(); 
     return this; 
    }; 
    this.start = function() { 
     this.addFunction(function(){alert('start')}); 
     return this; 
    }; 
}; 

Demonstration

---

, sen

var bar = new foo().delay(3000).start() 
    .addFunction(function(){alert("another chained one")}); 

Demonstration

yapabilir.210

Answer 2

Bu çoklu gecikmeler ile zincire size sağlayacaktır: http://jsfiddle.net/z4Uyf/1/

js: Biri kapatmak için neden oy

var foo = function() { 

    var delayed = []; 
    var delayExecution = false; 
    var delayCount = 0; 
    function handleDelay(func){ 
    delayed.push(func); 
    delayCount++; 
    } 

    function delayDone(){ 
    delayExecution = false; 
    if(typeof(delayed[0]) == "function"){ 
     delayed[0](); 
     delayed.splice(0,1); 
    } 
    if(delayed.length > 0) delayExecution = true; 
    } 

    this.delay = function(per) { 
     delayExecution = true; 
     setTimeout(function(){ 
      delayDone(); 
     }, per); 
     return this; 
    }; 

    this.start = function() { 
    if(delayExecution){ 
    handleDelay(arguments.callee); 
    }else{ 
    alert("start!"); 
    } 
    return this; 
    }; 
}; 

var bar = new foo().delay(1000).start().delay(5000).start();