Javascript 使用jQuery从每次刷新时提供不同图像的站点设置图像的src

我想从中动态加载DOM上多个img对象的src

使用jquery attr函数时，每个img对象都包含相同的图像。我希望每个对象都包含一个“刷新”的图像

我已经成功地使用

setTimeout

使它工作，但如果我不必等待它们加载，我会更愿意这样做

$(document).ready(function() {
    var time = 0;

    $('.imgDNE').each(function(e) {
        time+=2000;
        var obj = $(this);
        window.setTimeout(function() {
            $(obj).attr("src","https://thispersondoesnotexist.com/image?"+ new Date().getTime());
        },time);
    });
});

---

尝试使用DOM属性的纯JS解决方案：

document.addEventListener("DOMContentLoaded", function() {
    var myImg = document.getElementsByClass("imgDNE")
    myImg[0].setAttribute("src", "https://thispersondoesnotexist.com/image#" + new Date.now());
});

在URL末尾使用

#

来“愚弄”浏览器的缓存，而不绕过上游缓存

您也可以在这里尝试这个技巧，将

src

属性设置为自身：

 myImg.src = myImg.src;

---

尝试使用DOM属性的纯JS解决方案：

document.addEventListener("DOMContentLoaded", function() {
    var myImg = document.getElementsByClass("imgDNE")
    myImg[0].setAttribute("src", "https://thispersondoesnotexist.com/image#" + new Date.now());
});

在URL末尾使用

#

来“愚弄”浏览器的缓存，而不绕过上游缓存

您也可以在这里尝试这个技巧，将

src

属性设置为自身：

 myImg.src = myImg.src;

---

实际的classname函数是

document.getElementsByClassName（'imgDNE'）其次，我正在尝试填充未知数量的对象，而不仅仅是一个。我已经在原始代码中实现了一个缓存傻瓜。
…？+new Date（）.getTime（）
实际的类名函数是
document.getElementsByClassName（'imgDNE'）；
其次，我正在尝试填充未知数量的对象，而不仅仅是一个。我已经在原始代码中实现了一个缓存傻瓜。
…+new Date（）.getTime（）