javascript JS中的随机图像

ej83mcc0 于 2022-12-02 发布在 Java

关注(0)|答案(1)|浏览(160)

这是一个从数组中随机选取图像的函数

function GetRandomImage(){
           
           let randomIndex = Math.floor(Math.random() * image_array.length);
        
           let selectedImg = image_array[randomIndex];
        
           img1.src = `./img/${selectedImg}`;
           img2.src = `./img/${selectedImg}`;
           img3.src = `./img/${selectedImg}`;
        }

现在，这生成了3次相同的图像，我想我必须使用一个循环来获得所有3个图像是不同的随机数（仍然有可能是相同的图像）。
img1，2，3是以下3个标准图像，点击按钮后会发生变化

相当新，所以欢迎任何帮助：）

JavaScript

来源：https://stackoverflow.com/questions/74643705/random-images-in-js

1条答案

按热度按时间

y1aodyip1#

首先将<img>元素枚举到一个可迭代数据结构中，然后循环该可迭代数据结构，为每个元素计算一个随机图像，并将其应用于当前元素的src属性：

function GetRandomImage() {
  const imageElements = [img1, img2, img3];
  // could also interrogate the DOM instead:
  // const imageElements = document.querySelectorAll('img');
  
  // loop each image element
  for (element of imageElements) {
    // select a new random index
    let randomIndex = Math.floor(Math.random() * image_array.length);
    
    // set the src of the current image element
    let selectedImg = image_array[randomIndex];
    element.src = `./img/${selectedImg}`;
  }
}

赞(0）回复(0）举报 2022-12-02

我来回答

javascript JS中的随机图像

1条答案

相关问题

热门标签

最新问答