本人是初入前端，现在在练习写banner图。

var ul=$("#bannerImg");
var index=0;
function bannerFn(){
    if(index==3){
    index=0;
    }
    $("#bannerImg li").eq(index).addClass("active")
            .siblings().removeClass("active");
    index++;
}
var timer;
 timer= setInterval(bannerFn,1000)

如果if语句如上，什么效果都不执行，如果把它的位置改一下：

var ul=$("#bannerImg");
var index=0;
function bannerFn(){
    $("#bannerImg li").eq(index).addClass("active")
            .siblings().removeClass("active");
        index++;
    if(index==3){
        index=0;
    }
}
var timer;
 timer= setInterval(bannerFn,1000)

就可以有效果了，想请教下，是什么原因呢？