随机淡入淡出多个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);   
}

随机淡入淡出多个div

FadeIn FadeOut multiple divs randomly

html

javascript

css

jquery

fade