li js html不能赋值,JS对象赋值无效？

本意：

循环执行3个函数，来改变ul节点的className，2秒后执行wait，3秒后执行stop，1秒后执行pass，依次循环。

HTML部分

JS部分

var statusList=[

{

func:function(){

traffic.className='wait';

},

timer:2000

},

{

func:function(){

traffic.className='stop';

},

timer:3000

},

{

func:function(){

traffic.className='pass';

},

timer:1000

}

];

var currentIndex = 0;

var statusObj=statusList[currentIndex];

setInterval(

function(){

statusObj.func();

debugger;

currentIndex=(currentIndex+1)%statusList.length;

console.log(currentIndex);

},

statusObj.timer

);

即使右边的statusList[currentIndex]在改变，statusObj变量一直是statusList[0],哪里有问题？