javascript - 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正在运行 every ，但是您每次都在同一图像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);

    });