关于纯JS实现定时器轮播，望大神解答下！！谢谢！！！

Question

这个轮播一共五张图片，每张是宽620高250。。。我先说下我的思路，我在box这个大的div里设置的是一张图片的宽高，然后里面有个img的div，是拿来放图片的，设置宽为3100也就是5张图一共的宽度，box设置为over flow hidden。。。。基本上用这个布局来实现轮播。。。可是JS代码我有点晕哎，望大神指导下！！

function playnext(){    //播放下一张
    var slidercontent = document.getElementById();   //在("这里填写存放轮播图图片的ID")
    slidercontent.style.webkitTransition="all .3s linear";  //为轮播添加过渡效果
    if(slidercontent.style.marginLeft==""){
        slidercontent.style.marginLeft="0px";
    }
    var sliderwidth = 620;      //每张图片的大小
    if(parseInt(slidercontent.style.marginLeft)>-2480){ 
        slidercontent.style.marginLeft=parseInt(slidercontent.style.marginLeft)-sliderwidth+"px";
    }else{
        slidercontent.style.marginLeft="0px";
    }
}
function playprevious(){    //播放上一张
    var slidercontent = document.getElementById("lunbo2"); 
    if(slidercontent.style.marginLeft==""){
        slidercontent.style.marginLeft="0px";
    }
    var sliderwidth = 620;//每张图片的大小
    if(parseInt(slidercontent.style.marginLeft)<0){
        slidercontent.style.marginLeft=parseInt(slidercontent.style.marginLeft)+sliderwidth+"px";
    }else{
        slidercontent.style.marginLeft="-2480px";
    }
}

尤其不理解这段代码。。。if(parseInt(slidercontent.style.marginLeft)>-2480){
       slidercontent.style.marginLeft=parseInt(slidercontent.style.marginLeft)-sliderwidth+"px";
   }else{
       slidercontent.style.marginLeft="0px";
   }
}有木有大神能讲细点，菜鸟一枚啊，超级感谢！！！！！！！！1

Answer 1

slidercontent.style.marginLeft=parseInt(slidercontent.style.marginLeft)-sliderwidth 这是没次移动的宽度。sliderwidth就是每张图片的宽度。margin-left是图片相对于其父的。

Answer 2

这段代码的意思是，如果轮播到最后一张就把它的margin-left由-2480px变成0.这样又可以从第一张开始了。