附加图像时src不一样

时间:2013-11-02 21:42:24

标签: jquery append setinterval

我有这个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的情况下附加图片? (图像随机附加)

1 个答案:

答案 0 :(得分: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);
});