So laden Sie Bilder nach Klassennamen neu - JavaScript oder Jquery

Question

Wie kann ich Bilder mit demselben Klassennamen erneut laden?

habe ich versucht, dies aber nicht aktualisiert die Bilder:

<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; 

Hoffnung die Frage

Answer 1

Sie Ihr Bild klar ist, durch Ersetzen des src mit URL-Parameter wie diese aktualisieren können.

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>

Answer 2

Vielleicht:

var a = document.getElementsByClassName('refresh'); 
for (var c = 0; c < a.length; c++) { 
    var n = a[c].src.indexOf("?"); if (n == -1) {n = a[c].src.length;} 
    a[c].src = a[c].src.substring(0, n)+"?n="+Date.now(); 
}