随机淡入 <div>s

Question

基本上，我正在尝试将以下两个脚本合并为一个项目。我的目标是保持第一个链接的功能，它以不同的时间间隔在随机 div 中淡出，但将其附加到 PaulPRO 的版本，因为它不断循环，例如每 5 秒。非常感谢任何帮助！

1. http://jsfiddle.net/cMQdj/1/（感谢 mblase75）
   
2. http://jsfiddle.net/Paulpro/G4pxq/（感谢 PaulPRO）

Answer 1

我认为你的例子颠倒了。

如果您想循环 Paul 的示例，只需将他的代码包含在 setInterval 方法中即可。

setInterval($('.fadeIn').before('<div> </div>'), 2000);

Answer 2

这是怎么回事->

http://jsfiddle.net/G4pxq/9/

(function fadeInDiv(){
    var divs = $('.fadeIn');
        var elem = divs.eq(Math.floor(Math.random()*divs.length));
    if (!elem.is(':visible')){
        elem.fadeIn(Math.floor(Math.random()*1000),fadeInDiv); 
    } else {
        elem.fadeOut(Math.floor(Math.random()*1000),fadeInDiv); 
    }
})();

更新

维持仓位/订单：

http://jsfiddle.net/G4pxq/12/

$('.fadeIn').before('<div>&nbsp;</div>');

(function fadeInDiv() {
    var divs = $('.fadeIn');
    var elem = divs.eq(Math.floor(Math.random() * divs.length));
    if (!elem.is(':visible')) {
         elem.prev().remove();
        elem.fadeIn(Math.floor(Math.random() * 1000), fadeInDiv);

    } else {

        elem.fadeOut(Math.floor(Math.random() * 1000), function() {
            elem.before('<div>&nbsp;</div>');
            fadeInDiv();
        });
    }
})();