Какой лучший способ для меня обновить sh того же изображения и перезапустить анимацию GIF / apng без перезагрузки всей страницы?

Question

Изображение не обновляется, оно точно такое же изображение во всех отношениях. Я просто хотел бы, чтобы анимированное изображение, которое я создал, циклически повторялось sh само по себе или даже перезагружалось после изменения какой-либо информации, вызывая оператор if.

Я посмотрел Многие ответы, и большинство из них, кажется, мне нужно добавить случайный? Blahblah для кэширования, чтобы заставить браузер думать, что это новое изображение и перезагружать

Как я могу добавить отметку времени в конце

 background-image: url('imgur.com/blah.png?timestamphere');

Answer 1

Я считаю, что использование метода DOM должно вызвать повторную визуализацию, но это относится к img sr c, а не к фоновому изображению. (При использовании background-images нужно учитывать одно обстоятельство: вы не можете легко добавить тег 'alt' для незрячих пользователей или пользователей, которые не загружают изображения)

document.getElementById('myImg').setAttribute('src', '/myimg.jpg')
// setAttribute is a DOM method, so the browser should be notified that the DOM has changed.

Answer 2

использовать данную переменную для отметки времени

var timestamp= new Date().getTime().toString();
var dynUrl='imgur.com/blah.png?'+timestamp;
 document.getElementById("yourelementid").style.backgroundImage = "url("+dynUrl+")";