JavaScript学习之用数组实现图片轮播

<script type="text/javascript">
//定义num为0
var num=0;
//定义一个数组，其中元素为要实现轮播的图片
var array=["mid1.jpg","mid2.jpg","mid3.jpg"];
//获取img元素
var img=document.getElementsByClassName("img")[0];
//定时器，2s换一次图片
setInterval(function (){
//num=num+1
num++;
//当num大于2把num初始化为0
if(num>2){
num=0;
};
//设置图片路径
img.src="img/"+array[num];
},2000);

</script>

#divbg{
width: 350px;
height: 350px;
border: 1px solid silver;
}

<div id="divbg">
<img class="img" src="img/mid1.jpg"/>
</div>