html简单实现自动轮播代码怎么写,HTML图片轮播代码怎么写？

贴一个超级简单的JS代码，不需要插件

图片轮播代码

body{max-width: 640px;margin: 0 auto;}

#lunbo ul li{width:100%;list-style: none;width:640px; height:250px;background-color: #f00;text-align: center;}

#lunbo ul li:not(:first-child){display: none;}

• 1
• 2
• 3
• 4

//因为使用了document，所以js需要放在需要执行的代码下面生效才能生效

var li=document.getElementById('lunbo').getElementsByTagName("li");

var num=0;

var len=li.length;

setInterval(function(){

li[num].style.display="none";

num=++num==len?0:num;

li[num].style.display="inline-block";

},3000);//切换时间