Javascript 动态添加带有动画的gif图像

我试图以编程方式加载带有

.gif

扩展名的

img

。但是动画只发生一次

如何添加更多的

img

，并在每次添加新的

img

时查看动画，而不仅仅是最终状态

注意：我不想要循环

gif

。我只想让下一个

img

像第一个一样，设置动画，然后停止

var-topval=10；
var右=10；
var addStar=函数（）{
变量img=$（'

单击“添加”

创建一个div


将gif设置为div的背景图像：

$（'myDiv'）.css（'background-image'，'url（'+imageUrl+'））；


您可以通过向URL添加随机查询字符串参数来解决此问题。这会诱使浏览器认为每次图像都不同。例如：

https://s3-sa-east-1.amazonaws.com/musicamise/astronautAnimatedGif.gif?x=“+Math.random（）


var-topval=10；
var右=10；
var addStar=函数（）{
变量img=$（'

单击“添加”
提前感谢。
您的问题是因为浏览器使用相同的缓存映像。当您更改映像的URL时，就好像您在寻找另一个映像。这样做的缺点是，他总是对映像提出新的请求


var-topval=10；
var右=10；
var计数=0；
var addStar=函数（）{
变量img=$（'

单击“添加”
您描述的内容发生在Chrome和Safari中，但Firefox每次都会重新启动动画。我如何才能使其在Chrome和Safari中工作？我需要在css中设置smth吗？对我不起作用，如果为您工作，请发布一个片段：（您有权访问Photoshop吗？如果有权，您可以编辑gif循环选项：转到窗口>时间线，然后选择循环选项（左下角），另存为web gif，谢谢你的提示，但我真的不想要循环gif，谢谢Thohahahahahah，这是一个值得学习的地方！！感谢这个黑客！对我来说不存在负面影响，因为图像来自本地，不像片段那样遥远！谢谢！！！这是一个很好的解决方法