js简单实现自动轮播

//简单一个布局存放图片

<div class="lb">
　　<div class="lbt">　　
　　　　<img src="img/lunbo1.jpg" class="imgs"/>
　　　　<img src="img/lunbo2.jpg" class="imgs"/>
　　　　<img src="img/lunbo3.jpg" class="imgs"/>
　　</div>
</div>

<script>

　　//自动轮播代码

　　var imgs=document.getElementsByClassName("imgs");
　　var m=0;

　　setInterval(lbu,1000)
　　function lbu(){
　　for(var i=0;i<imgs.length;i++){
　　　　imgs[i].style.display="none";
　　}
　　imgs[m].style.display="block";
　　m++;
　　if(m>imgs.length-1){
　　　　m=0;
　　}
}

</script>

 

转载于:https://www.cnblogs.com/ylq818/p/10763020.html