AJAX не требуется, просто обновите свойство src
изображения.Но, поскольку он имеет тот же URL-адрес, вы должны дать браузеру уникальный адрес, чтобы гарантировать, что вы не просто загрузите старое изображение из кеша браузера.Вы можете гарантировать уникальное изображение, получив серийный номер текущей даты через new Date().valueOf()
и добавив его к URL-адресу в виде строки запроса.
$("#dynamicImage").prop("src", "dynamicImage.jpg?" + new Date().valueOf());
Вы также можете использовать new Date().getTime()
для получения серийного номера илипросто приведите дату к числу: +new Date()
Чтобы сделать это по таймеру, используйте setInterval()
.Это будет полный код, который вы можете просто вставить в тег скрипта на странице <head>
:
$(function() {
var intervalMS = 5000; // 5 seconds
setInterval(function() {
$("#dynamicImage").prop("src", "dynamicImage.jpg?" + +new Date());
}, intervalMS);
});