js自動輪播圖片的兩種循環方法（原創）

用5個div，布局從左到右5張圖片，從左到右5個div分別指定ID為img1，img2，img3，img4，img5.（背景是relative，5個div是相對於背景absolute定位）

顯示如下：

方法一：（把一個div直接賦值給另一個，輪播一次要for循環5下）

function autoplay(){
            var x,y,baoliu;
            baoliu=document.getElementById("img5").style.backgroundImage;
            for(i=5;i>0;i--){
                y=document.getElementById("img"+i);
                if(i==1){
                    x=baoliu;
                    y.style.backgroundImage=x;
                }
                else{
                    x=document.getElementById("img"+(i-1));
                    y.style.backgroundImage=x.style.backgroundImage;
                }
            }
        }

方法二：（兩兩互相交換，輪播一次for循環4下）

function autoplay(){
            var x,y,baoliu;
            for(i=5;i>1;i--){
                x=document.getElementById("img"+(i-1));
                y=document.getElementById("img"+i);
                baoliu=y.style.backgroundImage;
                y.style.backgroundImage=x.style.backgroundImage;
                x.style.backgroundImage=baoliu;
            }
        }

輪播一次的結果：

關於這兩種方法到底孰優孰劣，有待精學后分析。