index = (index+1)%imageArr.length;这句代码什么意思？还有有没有

Question

<input type="text" id="imgUrl" value=""> <br> <input type="button" value="播放" onclick="autoPlay()"> <input type="button" value="添加图片" onclick="addImage()"><br> <img src="" alt=""  height="400px" width="400px" id="img"><br> <script> var imageArr = ['http://eduppp.cn/images/0/1.jpg','http://eduppp.cn/images/0/2.jpg', 'http://eduppp.cn/images/0/3.jpg','http://eduppp.cn/images/0/4.jpg']; var index=0; function autoPlay(){ var imgObj=document.getElementById('img'); //imgObj.style.display='inline'; if(imageArr.length<=0){ imgObj.alt = '图片木有了，请添加'; } else{ index = (index+1)%imageArr.length;//变量值随数组长度变化而变化 imgObj.src = imageArr[index];      } setTimeout(autoPlay,2000) //console.log(imageArr[index]) }index = (index+1)%imageArr.length;这句代码什么意思？还有有没有可替代的方案实现这种效果，for循环为什么就不行？

Answer 1

获取图片数组的索引