setInterval только запускается один раз

Question

У меня есть много изображений внутри #imacon, и я хочу, чтобы все изображения отображались случайным образом, а просто отображались 1 изображение. Как я могу это сделать?

$(document).ready(function() { 
    var leng = $('#imacon').children().length; 
    var rm = Math.floor(Math.random()*leng); 

    setInterval(function() { 
     $('#imacon img:eq('+rm+')').fadeIn(); 
    }, 500) 
}); 

Answer 1

Необходимо изменить случайное число после (или до) каждого изображения.

$(document).ready(function() { 

     var leng = $('#imacon').children().length; 

     setInterval(
      function() { 
       var rm = Math.floor(Math.random()*leng); 
       $('#imacon img:eq('+rm+')').fadeIn(); 
      }, 
     500); 

    }); 

Answer 2

setInterval работает каждый 500ms, однако вы замирания в же изображение каждый раз. Вы должны получить случайное число внутри функции setInterval. Попробуйте следующее:

var leng = $('#imacon').children().length; 
setInterval(function() { 
    var rm = Math.floor(Math.random() * leng); 
    $('#imacon img:eq(' + rm + ')').fadeIn(); 
}, 500) 

Answer 3

Как вы ожидаете показать уже показанное изображение? вы должны .hide() все изображения, прежде чем исчезать в случайном изображении.

$(document).ready(function() { 

     var leng = $('#imacon').children().length; 

     setInterval(
      function() { 
       var rm = Math.floor(Math.random()*leng); 
       $('#imacon img').hide(); 
       $('#imacon img:eq('+rm+')').fadeIn(); 
      }, 
     500); 

    });