Comment recharger img toutes les 5 secondes en utilisant javascript?

Chaque fois que vous voulez recharger l'image, vous devez modifier l'url de l'image comme ceci: "de l'écran.jpg?rand=123456789" où "123456789" est un numéro généré de façon aléatoire, ce qui est régénéré à chaque fois que vous souhaitez recharger l'image. Le navigateur pense que c'est une image différente et que le fait de le télécharger encore une fois, au lieu de le récupérer à partir du cache. Le serveur web sera probablement ignorer et rejeter tout ce qui est après le point d'interrogation.

À cause de la recharger en premier lieu, votre aurait à utiliser Javascript pour obtenir l'élément d'image et de modifier la source. L'option la plus facile que je peux voir, c'est de donner à l'image un élément id attribut, comme suit:

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

Alors vous pouvez changer la source de l'image:

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

Pour ce faire sur une minuterie est réglée, puis utilisez le niveau supérieur de la fonction Javascript setInterval:

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

Le deuxième argument spécifie 5000 millisecondes, ce qui équivaut à 5 secondes.