qq_27520301 2017-11-05 10:55 采纳率: 0%
浏览 923

小白问题急求！生成随机颜色的正方形，代码如下，修改要求：新生成的颜色不能与上一个颜色重复

<!DOCTYPE html>



randomColor #square{ background-color: red; margin: auto; height: 200px; width: 200px; }


var colors = ['red','blue','yellow','green','black','purple']; function setColor(){ var n =0; var m = Math.floor(Math.random()*6); if (m == n){ setColor(); } else{ document.getElementById('square').style.backgroundColor = colors[m]; document.getElementById('para').innerHTML = colors[m]; } } function control(){ var button = document.getElementById("button"); if (button.value =="stop"){ clearInterval(change); button.value = "go on"; } else{ change = setInterval(setColor,500); button.value ="stop"; } }



  • 写回答

4条回答

  • threenewbee 2017-11-05 13:43
    关注
                            var n =0; //写在外面
function setColor(){

var m = n;
while (m == n) m = Math.floor(Math.random()*6);
n = m;
        document.getElementById('square').style.backgroundColor = colors[m];
        document.getElementById('para').innerHTML = colors[m];

      }
    }
    评论

报告相同问题？

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据，怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据，怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题！