setattribute 在 setinterval 函数上运行一次

Question

im试图每1秒显示一次随机图像，它是没有src属性的div内的图像：<div class="D"><img>   </div>这是css代码： .D{  height: 30%;  width: 30%;  left: 35%;  top: 10%;  position: absolute;  }  .D img{  position: absolute;  height: 100%;  width: 100%;  }我有一个数组，其中包含来自文件夹的4个不同图像的src，并使用Math random im从0到3选择一个随机数作为数组索引，并使用setinterval重复该函数：var inp = document.querySelector('.D');var p = document.querySelector('.D img');var Src= ['Imgs/home.png','Imgs/gps.png','Imgs/bell.png','Imgs/box.png'];var RndomFrom0To3 = Math.floor(Math.random()*4);function ChangeImgSrc() {p.setAttribute('src',Src[RndomFrom0To3]);};setInterval(ChangeImgSrc,1000);src改变了，但一次，它停止在同一图像中，我做错了什么？

Answer 1

您也应该在每次调用中调用随机生成器

function ChangeImgSrc() {

    var RndomFrom0To3 = Math.floor(Math.random()*4);

    p.setAttribute('src',Src[RndomFrom0To3]);

    };