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

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

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

Ответы

Ответ 1

Каждый раз, когда вы хотите перезагрузить изображение, вы должны изменить URL-адрес изображения так: "screen.jpg? rand = 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 секундам.