原生JS超级简单轮播切换( 入门 )

每日鸡汤： “我来不及认真地年轻，待明白过来时，只能选择认真地老去。” 还好我还年轻。

1 . HTML

    <div class="imgBox">
        <img src="http://www.cheyifu2016.com/images/slider/slider01.png" alt="">
        <img src="http://www.cheyifu2016.com/images/slider/slider02.png" alt="">
        <img src="http://www.cheyifu2016.com/images/slider/slider01.png" alt="">
        <img src="http://www.cheyifu2016.com/images/slider/slider02.png" alt="">
    </div>

    <style>
        body{margin:0; padding:0;overflow:hidden}
        .imgBox{width:100%; overflow:hidden;}
        .imgBox img{float:left;}
    </style>

2 . Javascript

    <script>
        window.onload =  function(){
            var i = 0;
            window.setInterval(function(){
                document.getElementsByTagName("img")[i].style.display="none";
                i++;
                if(i>=4){
                    i = 0;
                }
                document.getElementsByTagName("img")[i].style.display= "block" ;
            },2000)
        };
    </script>