交错setInterval具有相同类的多个元素

Question

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

它看起来有点奇怪，因为所有类都在同一时间闪烁。

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

这里是同时闪烁所有代码的代码。

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

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

Answer 1

使用Aamir的小提琴，这是我用于交错旋转木马在图像之间切换而不是淡入/淡出。应该具有强大的时间来防止窗口变化等（虽然我不确定它是否是您正在寻找的......）

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);