javascript - 随机淡入淡出多个div

Question

我正在使用 jQuery 创建一些 div，并希望它们随机淡入和淡出。我目前可以部分使用它，但它只有一个 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);   
}