如何以 500 毫秒间隔淡入（）表行

Question

下面的代码获取一段包含一定行数的 html。其中一些行属于 newentry 类。 (class="newentry") 我期待我的代码以 1000 米的延迟显示它们，但它们都同时出现。为什么setTimeout 在每次调用每行fadeIn() 之间没有等待？

$.ajax({
    url: "@{Live.live(event.mnemonic)}",
    success: function(data) {
        var wait =0;
        $("#results").html(data);

        wait =500;
        $(".newentry").each(function(){
            setTimeout(function() { $('#'+this.id).fadeIn(); }, wait);
            wait += 1000;
        });

        }
        setTimeout('tick()', 1700-wait);
    }
});

Answer 1

试试这个

$(".newentry").hide(); 
$.ajax({
    url: "@{Live.live(event.mnemonic)}",
    success: function(data) {
        $("#results").html(data);
        i=500;
        $('.newentry').each(function(){
            setTimeout(function(){delayedShow($(this))},i);
            i=i+500;
        });
        {
    } 
}); 
function delayedShow(obj) { obj.fadeIn(); }