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

获取图片数组的索引