Javascript图像src未更改

我试图制作一个每两秒钟在两个源之间切换的图像，但是图像没有改变

<img id="bannerPic" src="banner1.jpg">
<script>
var pic = document.getElementById('bannerPic').src;
setInterval(function(){
if(pic == 'banner1.jpg'){
pic = 'banner2.jpg';
console.log('change1');
}
else{
pic = 'banner1.jpg';
console.log('change2');
}
}, 2000);
</script> 

var pic=document.getElementById（'bannerPic'）.src；
setInterval（函数（）{
如果（pic='banner1.jpg'）{
pic='banner2.jpg'；
console.log（'change1'）；
}
否则{
pic='banner1.jpg'；
console.log（'change2'）；
}
}, 2000);

您正在为变量赋值，而不是为属性

src

您需要将新值设置为属性

src

要检查当前url，请使用以下命令：

img.src.indexOf（'banner1.jpg'）

var img=document.getElementById（'bannerPic'）；
setInterval（函数（）{
if（img.src.indexOf（'banner1.jpg'）！=-1）{
img.src='banner2.jpg'；
console.log（'change1'）；
}否则{
img.src='banner1.jpg'；
console.log（'change2'）；
}
}, 2000);
您正在为变量赋值，而不是为属性
src

您需要将新值设置为属性
src

要检查当前url，请使用以下命令：
img.src.indexOf（'banner1.jpg'）


var img=document.getElementById（'bannerPic'）；
setInterval（函数（）{
if（img.src.indexOf（'banner1.jpg'）！=-1）{
img.src='banner2.jpg'；
console.log（'change1'）；
}否则{
img.src='banner1.jpg'；
console.log（'change2'）；
}
}, 2000);


var pic=document.getElementById（'bannerPic'）
console.log（pic.src）
setInterval（函数（）{
如果（pic.src=='https://stacksnippets.net/banner1.jpg'){
pic.src=https://stacksnippets.net/banner2.jpg';
console.log（'change1'）；
}
否则{
pic.src=https://stacksnippets.net/banner1.jpg';
console.log（'change2'）；
}
}, 2000);


var pic=document.getElementById（'bannerPic'）
console.log（pic.src）
setInterval（函数（）{
如果（pic.src=='https://stacksnippets.net/banner1.jpg'){
pic.src=https://stacksnippets.net/banner2.jpg';
console.log（'change1'）；
}
否则{
pic.src=https://stacksnippets.net/banner1.jpg';
console.log（'change2'）；
}
}, 2000);
您正在将图像源设置为“pic”，这非常完美。但是，当您需要将'pic'变量值指定给img.src之后，您就丢失了它。您正在将图像源设置为'pic'，这很完美。但在您需要将'pic'变量值分配给img.src之后，您就缺少了它。