Как перезагрузить img каждые 5 секунд с помощью javascript?

Question

Как перезагрузить img каждые 5 секунд с помощью javascript?

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

Answer 1

Каждый раз, когда вы хотите, чтобы перезагрузить изображение, вы должны изменить URL изображения, как так: «screen.jpg рандов = 123456789», где «123456789» является случайным числом, которое регенерируется каждый раз, когда вы хотите перезагрузить изображение. Браузер подумает, что это другое изображение, и на самом деле загрузите его снова, вместо того, чтобы извлекать его из кеша. Веб-сервер, скорее всего, игнорирует и отменяет все после отметки вопроса.

Чтобы вызвать перезагрузку в первую очередь, вам нужно будет использовать Javascript для получения элемента изображения и изменения источника. Самый простой вариант, я могу видеть, чтобы дать элемент изображения атрибут id, например, так:

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

Тогда вы можете изменить источник изображения:

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

Для этого на множестве таймера , а затем использовать функцию верхнего уровня Javascript setInterval:

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

Второй аргумент определяет 5000 миллисекунд, что эквивалентно 5 секунд.