jquery - 错开 setInterval 具有相同类的多个元素

Question

我的页面上有一堆图像，每 5 秒就会淡入、延迟和淡出

这看起来有点奇怪，因为所有类都在同一时间闪入和闪出。

有没有办法让每个间隔在前一个间隔后执行 500MS？或者可能抵消每一项？

这是同时闪烁它们的代码。

  setInterval(function() {
        $(".some_class").fadeIn(500).delay(2000).fadeOut(500);
  }, 5000);

这是一个 JSfiddle，它们同时闪烁。 http://jsfiddle.net/Vds5f/谢谢。

Answer 1

根据阿米尔的 fiddle ，我用它来交错轮播在图像之间切换，而不仅仅是淡入/淡出。应该对窗口更改等有强大的计时能力(尽管我不确定这是否是您正在寻找的......)

http://jsfiddle.net/Vds5f/5/

我认为将函数cycleImages与setInterval分开有助于一致性:

var $start = +new Date, $ct = 0;
setInterval(function(){
    ++$ct;
    var $frame = (($ct-1)%4+1);
    cycleImages($frame);
}, $i);