问题描述

关于JS重复更改某标签属性，只显示最后一次更改内容

嗯，我从Handler里读出Json：
[{Num:2,Color:'Red'},Num:2,Color:'Yellow'},Num:2,Color:'Bule'},]
循环Json，读取颜色，把相关的div背景色改成颜色。
然而循环的话，div只会变成蓝色。
我想变成红色几秒，再变成黄色几秒，最后蓝色。请问有什么好方法吗？

解决方案

 <div id='divcolor' >测试颜色</div>
</body>
<script>
var a = [{Num:2,Color:'Red'},{Num:2,Color:'Yellow'},{Num:2,Color:'Blue'}];
function changeColor(){
var index=0;
var divElement = document.getElementById('divcolor');
var timeTicket = setInterval(function (){
   var color = a[index]['Color'];
   divElement.style.backgroundColor=color;
   index++;
   if(index>=a.length) index=0;

},1000);
}
changeColor();
</script>

解决方案二：

setTimeout

解决方案三：

setTimeout定时切换你颜色数组里面的样色，你的Num代表什么东东。。