Javascript随机图像

我曾尝试使用Javascript生成随机图像，但无法正常工作。我的代码如下；我不知道这个函数是否正确

//var imageDir = document.images;
var imageDir = [ 10 ];

var imageDir =
    [
    "cards/1.png",
    "cards/2.png",
    "cards/3.png",
    "cards/4.png",
    "cards/5.png",
    "cards/6.png",
    "cards/7.png",
    "cards/8.png",
    "cards/9.png",
    "cards/10.png"

    ];
displayRandomImage = function(i, numberOfImages) {
    for (var i = 0; i < imageDir.length; i++, i = parseInt(Math.random() * i))
    {
        return i = Math.random(i, numberOfImages - 1);
    }
};

var imageDir = displayRandomImage(imageDir, 10);

for (var i = 0; i < imageDir.length; i++) {
    document.getElementById("randimage" + i).innerHTML = "<img src='" + imageDir[ i ] + "' />"
}

//var-imageDir=document.images；
var-imageDir=[10]；
var imageDir=
[
“cards/1.png”，
“cards/2.png”，
“cards/3.png”，
“cards/4.png”，
“cards/5.png”，
“cards/6.png”，
“cards/7.png”，
“cards/8.png”，
“cards/9.png”，
“cards/10.png”
];
displayRandomImage=函数（i，numberOfImages）{
for（var i=0；i

是否要随机选取一张图像？还是以随机顺序显示阵列中的所有图像？如果是后者，试试这个

/+Jonas Raoni Soares Silva
//@ http://jsfromhell.com/array/shuffle [v1.0]
函数shuffle（o）{//v1.0
对于（var j，x，i=o.length；i；j=Math.floor（Math.random（）*i），x=o[--i]，o[i]=o[j]，o[j]=x）；
返回o；
};
var imagepath=shuffle([
“cards/1.png”，
“cards/2.png”，
“cards/3.png”，
“cards/4.png”，
“cards/5.png”，
“cards/6.png”，
“cards/7.png”，
“cards/8.png”，
“cards/9.png”，
“cards/10.png”]；
对于（var i=0；i

---

请参见此处，以了解此操作的示例：

对于初学者，您可能不希望将同一变量用作函数参数作为循环变量（

i

），您可以签出是否希望每个图像只显示一次？所以你基本上只会显示一次所有的图像，但是以随机顺序？或者它真的是随机的，所以你会显示10幅图像，但同一幅图像可能会显示不止一次？为了随机显示所有图像并不止一次，我尝试了上面的方法，但它不起作用。它确实起作用！过来看

//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/array/shuffle [v1.0]
function shuffle(o){ //v1.0
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] =     o[j], o[j] = x);
    return o;
};

var imagePaths = shuffle([
                "cards/1.png",
                "cards/2.png",
                "cards/3.png",
                "cards/4.png",
                "cards/5.png",
                "cards/6.png",
                "cards/7.png",
                "cards/8.png",
                "cards/9.png",
                "cards/10.png"]);

for(var i = 0; i < imagePaths.length; i++) {
    document.getElementById("randimage" + i).src = imagePaths[i];
}