FadeIn FadeOut несколько div случайным образом

Я создаю несколько div с помощью jQuery и хочу, чтобы они случайным образом появлялись и исчезали. В настоящее время он частично работает, но это всего лишь один div, а остальные исчезают.

Я просто хочу, чтобы пара элементов div появлялась и исчезала случайным образом. Поэтому время от времени некоторые из них должны исчезнуть, а затем появиться через некоторое время. И это должно продолжаться до тех пор, пока страница открыта. Итак, цикл навсегда, он же рекурсивная функция!

Вот что у меня получилось: http://jsbin.com/qifavaceva/edit?js,output

Я думаю, мне нужно вставить все div в массив. Выберите случайные значения из этого массива, а затем анимируйте их.

Кто-нибудь знает, как это сделать?

С уважением


javascript html jquery css fade
person Community    schedule 22.12.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Всего по одной точке за раз? Следующее работает, если вы переместите строку «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);   
}
person Jeff Hartman    schedule 22.12.2015
comment
Удалось сделать это тихо по-другому, но спасибо за ваш ответ, хотя :) - person ; 23.12.2015