Javascript 每隔几秒钟更改一次映像的src

我试图显示相同的图像，这是一个gif（动画）和jpeg。我每隔几秒钟更改一次

src

我在开发工具中看到src已经改变，但是gif没有动画

setInterval(function(){

 if(c == 1){

     imgExt = 'assets/images/resize.gif'
     ++c;
 }
 else{
    imgExt = 'assets/images/resize.jpg';
     --c;
 }
//  document.querySelector('#floorImgId').src = imgExt;
 $('#floorImgId').attr('src', imgExt);
}, 3000)`

---

当我检查元素时，它会改变，但在页面中，gif不会播放。我做错了什么？

首先需要设置

c=1

，以便

++c

可以工作：

（有些程序员喜欢在

0

和

1

之间切换，而您的原始代码则在

1

和

2

之间切换。这两种方式都可以，由您决定。）

在

0

和

1

之间切换：

（我也可能使用了

prop（）

，而不是

attr（）

，但为了保持与原始版本相近：）

设c=0；
setInterval（函数（）{
如果（c==0）{
imgExt=https://i.imgur.com/GCPeHoX.png';
++c；
}否则{
imgExt=https://i.imgur.com/J2wgZZb.png';
--c；
}
//document.querySelector（'#floorImgId'）.src=imgExt；
$（'floorImgId'）.attr（'src'，imgExt）；
}, 1000);
根据您的代码，我认为您必须在else语句中递增c，在if语句中递减c：

c=0;
setInterval(function(){

 if(c == 1){

     imgExt = 'assets/images/resize.gif'
     --c;
 }
 else{
    imgExt = 'assets/images/resize.jpg';
     ++c;
 }
//  document.querySelector('#floorImgId').src = imgExt;
 $('#floorImgId').attr('src', imgExt);
}, 3000)



var c=1，imgExt=“”；
setInterval（函数（）{
如果（c==1）{
imgExt=https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Hamiltonian_path.svg/440px-Hamiltonian_path.svg.png'
++c；
}
否则{
imgExt=https://buffer.com/library/wp-content/uploads/2016/06/giphy.gif';
--c；
}
$（'floorImgId'）.attr（'src'，imgExt）；
}, 3000);
是否确定
.gif
已正确设置动画？请检查图像路径，如果可能，请提供src的完整路径。或者给你3秒钟的时间来更改图像，因此检查gif不应延迟3秒钟。请仔细检查图像的路径。试试“/assets/images/resize.jpg”；