Javascript 两个功能之间的延迟

我希望Cols和Rows函数之间的延迟为2000ms。（应首先绘制列，然后绘制行）

使用

延迟（持续时间）

：

---

您可以为第二个函数添加超时：

(function() {  
    var cols = $('.cols').hide();  
    var rows = $('.rows').hide();   
    $('.grid').click(function() {  
        var i = 0;  
        var j = 0;
        (function displayCols() {  
            cols.eq(i++).fadeIn(200, displayCols);  
        })();  
        setTimeout(function displayRows() {  
            rows.eq(j++).fadeIn(100, displayRows);  
        },2000);  
    });    
})(); 
$('.rows').hide();

看到它在行动吗

---

当然，您可以只使用delay（

rows.eq（j++）.delay（2000）.fadeIn（100，displayRows）；

），但是如果在该函数中还有其他需要延迟的内容，则

setTimeout（）

也会延迟该操作。

如果您延迟整个函数，则每行延迟2秒

   (function displayRows() {  
        rows.eq(j++).delay(2000).fadeIn(100, displayRows);  
    })();  

(function() {  
    var cols = $('.cols').hide();  
    var rows = $('.rows').hide();   
    $('.grid').click(function() {  
        var i = 0;  
        var j = 0;
        (function displayCols() {  
            cols.eq(i++).fadeIn(200, displayCols);  
        })();  
        setTimeout(function displayRows() {  
            rows.eq(j++).fadeIn(100, displayRows);  
        },2000);  
    });    
})(); 
$('.rows').hide();