如何在JS中調用2次或更多次時延遲函數執行？

Question

下面是我的代碼鏈接。請多次點擊該按鈕以查看我的意思。我試圖通過函數調用之間的間隔多次調用相同的函數。請幫幫我。 http://codepen.io/arminemash/pen/KzBBjN

HTML

<div id='generalwrapper'> 
    <div id='general'>     
     <div id='1' class='cell' onclick='simon(this.id)'></div> 
     <div id='2' class='cell' onclick='simon(this.id)'></div>   
     <div id='3' class='cell' onclick='simon(this.id)'></div> 
     <div id='4' class='cell' onclick='simon(this.id)'></div> 
    </div> 
    <div id='buttondiv'> 
     <button onclick='startGame()'>On</button> 
    </div> 
</div> 

的JavaScript

var browser=[]; 
var count = 1; 

function startGame(){ 
    for(var i=0;i<count;i++){  
     browserturn(); 
    } 
    count++; 
} 

function browserturn(){ 
    var x=getNumber(); 
    var element=x.toString(); 
    browser.push(element); 
    var y=document.getElementById(element); 
    y.click(); 
    $(y).delay(100).fadeOut().fadeIn('slow'); 
} 

function getNumber(){ 
    var randomNumber=Math.floor((Math.random() * 4)+1); 
    return randomNumber; 
} 

Answer 1

這將保證所有的遊戲之間100ms的差距

var tasks = [] 
var createTask = function(task) { 
    tasks.push(function() { 
     task(function() { 
     tasks.shift() 
     var next = tasks[0] 
     next() 

    }) 
    }) 
    if (tasks.length === 1) { 
    tasks[0]() 
    } 
} 

var startGame = function() { 
    createTask(function(next) { 
    ... // whatever happens 
    // if ready call next 
    setTimeout(next, 1000) 
    }) 
} 

http://codepen.io/lipp/pen/eZjopG