开发者社区 问答 正文

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

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

展开
收起
杨冬芳 2016-07-04 19:09:58 2054 分享
分享
版权
举报
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 举报
    赞同 评论

    评论

    全部评论 (0)

    登录后可评论
问答分类:
问答标签:
问答地址:
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等