菜鸟求助！setInterval执行函数的时候最后一次执行为什么不能执行完成函数的全部代码？

Question

setInterval('changeColor()',300);

var arr = document.getElementsByTagName('li');

var i = 0;

var j = i-1;

var count = 0;

function changeColor(){

count++;

arr[i++].style.backgroundColor="yellow";

if(j >= 0){

arr[j].style.backgroundColor = "white";

}

j++;

}

arr[29].style.background="white";

这是我写的代码，效果就是本来背景为蓝色的30个方块，每一个方块先变为黄色，然后变为白色，但是现在最后一个方块只显示黄色而不能变成白色，求助各位大神！

Answer 1

        setInterval('changeColor()', 300); var arr = document.getElementsByTagName('li'); var i = 0; var j = i - 1; var count = 0; function changeColor() {     count++;     if(i >= 29) i=29;     if(j >= 29) j=29;     arr[i++].style.backgroundColor = "yellow";     if(j >= 0) { arr[j].style.backgroundColor = "white";     }     j++;         }i超过29就会出现错误，无法向下进行了，要加条件语句控制一下，最好在j的if语句里把定时器清除了，定时器一直运行对页面也是有影响的。

Answer 2

最后一行不是backgroundColor吗吗吗吗？