Jak ponownie załadować IMG co 5 sekund przy użyciu javascript?

Question

Jak ładować obraz co 5 sekund za pomocą javascript?

<img src="screen.jpg" alt="" /> 

Answer 1

każdym razem, gdy chcesz odświeżyć obraz, należy zmienić adres URL obrazu, jak tak: „rand screen.jpg = 123456789” gdzie „123456789” jest generowany losowo numer, który jest regenerowany za każdym razem chcesz ponownie załadować obraz. Przeglądarka pomyśli, że jest to inny obraz, i faktycznie pobiera go ponownie, zamiast pobrać go z pamięci podręcznej. Serwer internetowy najprawdopodobniej zignoruje i odrzuci wszystko po znaku zapytania.

Aby spowodować przeładowanie w pierwszej kolejności, musisz użyć Javascript, aby uzyskać element obrazu i zmienić jego źródło. Najprostszym rozwiązaniem widzę jest zapewnienie elementu obrazu atrybut id, tak:

<img src="screen.jpg" id="myImage" /> 

Następnie można zmienić źródło obrazu:

var myImageElement = document.getElementById('myImage'); 
myImageElement.src = 'screen.jpg?rand=' + Math.random(); 

Aby to zrobić na zbiorze timera , a następnie użyj funkcji najwyższego poziomu Javascript setInterval:

setInterval(function() { 
    var myImageElement = document.getElementById('myImage'); 
    myImageElement.src = 'screen.jpg?rand=' + Math.random(); 
}, 5000); 

drugi argument określa 5000 milisekund, co równa się 5 sekund.