javascript - 如何通过类名重新加载图像 - Javascript 或 Jquery

Question

如何重新加载具有相同类名的图像？

我尝试了这个，但它没有刷新图像:

<img class="refresh" src="http://www.w3schools.com/jsref/bulbon.gif"></img>
<img class="refresh" src="http://www.w3schools.com/images/colorpicker.png"></img>

// javascript: //
a=document.getElementsByClassName(refresh);
for(var c=0;c<a.length;c++)a[c].src=a[c].src;

希望问题很清楚

Answer 1

您可以通过将 src 替换为 url 参数来刷新图像，如下所示。

window.onload = function() {
  setInterval(function() {
    var imgs = document.querySelectorAll('.refresh');
    if (imgs) {

      for (var i = 0, length = imgs.length; i < length; i++) {
        var pt = /\?v=.+/g;
        if (imgs[i].src) {
          pt.test(imgs[i].src) 
          ? imgs[i].src = imgs[i].src.replace(pt, "?v=" + Date.now()) 
          : imgs[i].src = imgs[i].src + "?v=" + Date.now();
        }
      }

    }
  }, 1000 * 60 * 5);

};

<img class="refresh" src="http://www.w3schools.com/jsref/bulbon.gif"></img>
<img class="refresh" src="http://www.w3schools.com/images/colorpicker.png"></img>