2015-12-22 40 views
1

我创建了一些div与jQuery,并希望他们随机淡入和淡出。我目前有它的一部分工作,但它只是一个div,其余的消失。FadeIn FadeOut多个div随机

我只想让几个div随机淡入淡出。所以有时他们中的一些需要消失,然后在一段时间后流行。只要页面处于打开状态,这需要继续。所以永远循环a.k.a递归函数!

这是我到目前为止有:http://jsbin.com/qifavaceva/edit?js,output

我想我需要所有的div推到一个数组。从该数组中选取随机值,然后为这些数值设置动画。

任何人都有一些想法如何做到这一点?

亲切的问候

回答

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); 
} 
+0

管理做它安静不同,但谢谢你的回答tho :) – Wouter125