jQuery的循環隊列

Question

我有一些非常簡單的代碼，我想用它作爲更大的jQuery解決方案的起點。我需要count（）函數來循環，但是我不能用下面的代碼來實現，只運行一次然後停止。會欣賞一些指針。

$(function() { 
    count(); 
}); 

function count(){ 
    var $count = parseInt($("#count").text()); 
    $("#count").text($count).delay(2000).queue(function() { 
     $(this).text($count+1); 
     count(); 
    }); 
} 

Answer 1

你需要調用一個函數在隊列中，像這樣：

$(count); 

function count(){ 
    var $count = parseInt($("#count").text()); 
    $("#count").text($count).delay(2000).queue(function(n) { 
     $(this).text($count+1); 
     count(); 
     n(); 
    }); 
} 

You can test it out here。或者，您可以用$(this).dequeue()代替n()，這兩種方法都適用。如果有幫助，你也可以苗條下來一點，像這樣：

$(count);  
function count(){ 
    $("#count").delay(2000).queue(function(n) { 
     count(); 
     $(this).text(function(i, t) { return parseInt(t, 10)+1; }).dequeue(); 
    }); 
} 

You can test that version here。