FadeIn FadeOut多個div隨機

Question

我創建了一些div與jQuery，並希望他們隨機淡入和淡出。我目前有它的一部分工作，但它只是一個div，其餘的消失。

我只想讓幾個div隨機淡入淡出。所以有時他們中的一些需要消失，然後在一段時間後流行。只要頁面處於打開狀態，這需要繼續。所以永遠循環a.k.a遞歸函數！

這是我到目前爲止有：http://jsbin.com/qifavaceva/edit?js,output

我想我需要所有的div推到一個數組。從該數組中選取隨機值，然後爲這些數值設置動畫。

任何人都有一些想法如何做到這一點？

親切的問候

Answer 1

一次只有一個點？如果將行'markerArry.push（marker）'移動到createMarker函數中，以下方法可行。

function fadeRandom() { 
    var rand = Math.floor(Math.random() * markerArray.length); 
    el = $('.animatedDots div:nth-child(' + rand + ')'); 
    el.fadeOut('1000').delay(2000).fadeIn('1000',fadeRandom); 
}