js程式碼：

<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>

css程式碼：

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

html程式碼：

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