Javascript 图像 src 没有改变

Question

我正在尝试制作一个图像，每两秒在两个源之间切换一次，但图像没有改变

<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> 

Answer 1

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

您需要为属性src设置新值

要检查当前网址，请使用:img.src.indexOf('banner1.jpg')

var img = document.getElementById('bannerPic');
setInterval(function() {
  if (img.src.indexOf('banner1.jpg') !== -1) {
    img.src = 'banner2.jpg';
    console.log('change1');
  } else {
    img.src = 'banner1.jpg';
    console.log('change2');
  }
}, 2000);

<img id="bannerPic" src="banner1.jpg">