开发者社区> 问答> 正文

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

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

展开
收起
杨冬芳 2016-07-04 19:09:58 2018 0
1 条回答
写回答
取消 提交回答
  • IT从业
     <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定时切换你颜色数组里面的样色,你的Num代表什么东东。。

    2019-07-17 19:51:06
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载