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

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/

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

triggering another object with same class to fadeout with timer

jquery

fadein