if语句位置问题，影响JS执行效果

本人是初入前端，现在在练习写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)

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

---

上面的那个加上一个else的话，你看看会不会执行

---

谢谢大家，应该是出现浏览器缓存问题，刷新又可以了。抱歉

---

用数组 看看 实现这个功能呗