jquery - 附加图像时不同的src

Question

我有这个 jquery 程序

$(window).load(function() {

    var leng = 24;
    var long = 0;
    var rm = Math.floor(Math.random()*leng);



    var tmr = self.setInterval(
        function() {
            var rm = Math.floor(Math.random()*leng);
            var valor = "xxxxx/" +rm+ ".jpg";

            $( "#imacon" ).append( "<img src="+valor+" />" );

            long++;
            if(long == 10) { 
                window.clearInterval(tmr);
            }
        }, 500)         
});

如何在没有相同 src 的情况下附加图像？（图片随机追加）

Answer 1

您可以创建一个可用选项列表，并在使用其中一个时，然后将其从其余选项中删除以使用：

$(window).load(function() {

    var leng = 24;
    var long = 0;

    // create choices array
    var choices = [];
    for (var i = 0; i < leng; i++) {
        choices.push(i);
    }

    var tmr = setInterval(function() {
        var rm = Math.floor(Math.random()*choices.length);

        // get random choice
        var num = choices[rm];

        // remove this item from choices array
        choices.splice(rm, 1);

        var valor = "xxxxx/" +num+ ".jpg";

        $( "#imacon" ).append( "<img src="+valor+" />" );

        long++;
        if(long === 10 || choices.length === 0) { 
            clearInterval(tmr);
        }
    }, 500);
});