如何在刷新页面时显示文件夹中的随机图像

Question

每当刷新页面时，我尝试了许多方法来显示不同的图像，但我不知道如何使其工作。。。我对此还很陌生，所以也许我错过了的一些小东西

window.onload=randomp();
var pic_rand=new Array;
pic_rand[0]=new Image();
pic_rand[0].src="folder/image1.png";
pic_rand[1]=new Image();
pic_rand[1].src="folder/image2.png";
pic_rand[2]=new Image();
pic_rand[2].src="folder/image3.png";
function randomp(){
var randomNum = Math.floor(Math.random() * pic_rand.length);
document.getElementById("image1").src = pic_rand[randomNum];
}

Answer 1

您不需要为您拥有的每个源映像URL构造一个Image对象。事实上，您不需要任何，因为DOM中似乎已经有了一个。只需制作一个源URL数组，然后随机选择一个。

此外，请确保在不调用randomp函数的情况下将其传递给onload

window.onload = randomp;
var pic_rand = ["folder/image1.png", "folder/image2.png", "folder/image3.png"];
function randomp(){
var randomNum = Math.floor(Math.random() * pic_rand.length);
document.getElementById("image1").src = pic_rand[randomNum];
}