触发具有相同类的另一个对象以使用计时器淡出

Question

所以我一直试图让这项工作有一段时间了。你们可能会说，我对jquery很新。

问：如何让每个div在不同的时间戳中淡入？

JSfiddle：http://jsfiddle.net/vzLbgtfx/1/

HTML：

<div class="betin">a</div>
<div class="betin">b</div>
<div class="betin">c</div>

JS：

$(document).ready(function(){

    $('.betin:eq(0)').fadeIn('slow',1000),
    $('.betin:eq(1)').fadeIn('slow',2000),
    $('.betin:eq(2)').fadeIn('slow',3000);


});

Answer 1

试试这个：

$(document).ready(function(){

    var delay = 1000;

    $('.betin').each(function(){
        var $el = $(this);

        setTimeout(function() {
            $el.fadeIn('slow');
        }, delay);

        delay += 1000;
    });

});

jsFiddle：http://jsfiddle.net/voveson/vzLbgtfx/3/