Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 什么';对我来说,刷新同一个图像,并在不重新加载整个页面的情况下重新启动gif/apng动画的最佳方法是什么?_Javascript_Html_Css - Fatal编程技术网

Javascript 什么';对我来说,刷新同一个图像,并在不重新加载整个页面的情况下重新启动gif/apng动画的最佳方法是什么?

Javascript 什么';对我来说,刷新同一个图像,并在不重新加载整个页面的情况下重新启动gif/apng动画的最佳方法是什么?,javascript,html,css,Javascript,Html,Css,图像不会更新,在各个方面都是相同的图像。我只想让我创建的动画图像只循环一次以刷新自身,甚至在触发if语句的某些信息更改后重新加载 我已经查找了很多答案,其中大多数似乎我需要添加一个随机的?blahblah来缓存,让浏览器认为这是一个新图像并重新下载 如何将时间戳添加到事件的结尾 background-image: url('imgur.com/blah.png?timestamphere'); 使用给定变量作为时间戳 var timestamp= new Date().getTime().t

图像不会更新,在各个方面都是相同的图像。我只想让我创建的动画图像只循环一次以刷新自身,甚至在触发if语句的某些信息更改后重新加载

我已经查找了很多答案,其中大多数似乎我需要添加一个随机的?blahblah来缓存,让浏览器认为这是一个新图像并重新下载

如何将时间戳添加到事件的结尾

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

使用给定变量作为时间戳

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

我认为使用DOM方法应该触发重新渲染,但这适用于img src,而不是背景图像。(使用背景图像要考虑的一件事是,你不能轻易为没有视力的用户或不加载图像的用户添加一个‘ALT’标签)

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