¿Cómo volver a cargar img cada 5 segundos con javascript?

Question

¿Cómo volver a cargar img cada 5 segundos con javascript?

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

Answer 1

Cada vez que desea volver a cargar la imagen, debe cambiar la URL de la imagen de este modo: "? Screen.jpg rand = 123456789", donde "123456789" es un número generado al azar, que se regenera cada vez que se quiero volver a cargar la imagen El navegador pensará que se trata de una imagen diferente y, en realidad, la descargará nuevamente, en lugar de recuperarla de la memoria caché. El servidor web muy probablemente ignorará y descartará todo después del signo de interrogación.

Para causar la recarga en primer lugar, tendría que usar Javascript para obtener el elemento de la imagen y cambiar la fuente. La opción más sencilla que puedo ver es dar al elemento de imagen un atributo id, así:

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

entonces es posible cambiar la fuente de la imagen:

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

Para hacer esto en un temporizador conjunto , a continuación, utilizar el nivel superior función Javascript setInterval:

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

el segundo argumento especifica 5000 milisegundos, lo que equivale a 5 segundos.