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

<!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"; } }



0

4个回答

                        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];

      }
    }
0

可以建立一个数组,表示每个颜色是否用过,取某一颜色的时候标志该数组的对应位置,取新颜色时查看是否已经标志过,标志过则重新选。

0

http://www.css88.com/tool/js_beautify/

js代码在线格式化

0

写个小的数组 先存储 生成下一个颜色时再判断

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
(100积分,急求)生成随机颜色的正方形,代码如下,修改要求:新生成的颜色不能与上一个颜色重复
rnrnrn rn randomColorrn rnrnrn rn rn rn rnrn
js随机产生不同颜色
方法一(随机RGB颜色值)##### //颜色对象 function getRandomColor(){ this.r = Math.floor(Math.random()*255); this.g = Math.floor(Math.random()*255); this.b = Math.floor(Math.random()*255); ...
Java生成随机十六进制颜色代码
  //随机生成颜色代码 public String getColor(){ //红色 String red; //绿色 String green; //蓝色 String blue; //生成随机对象 Random random = new Random(...
js里关于随机数&&随机颜色总结
js里面经常会用一些随机数来做验证码,随机颜色等等,分享一些简单好用的小例子;用jqyery的写法会更简单,这里用原生的方法写,道理一样,直接用就行 function Random (){var random=parseInt(Math.random()*Math.pow(32,4)); //随机一个32的4次幂然后取整 var v=('00000'+random.toString(16)).
Android随机生成颜色值
(int) -(Math.random() * (16777216 - 1) + 1)
Web一个简单的生成随机颜色代码,看了保证小白都会!
今天向大家分享一个简单的升级随机16进制颜色的代码废话不多说直接看图大家可以先打开test.html查看一下,然后在去看源代码,我写的非常详尽哦想隔一段时间变颜色的话可以直接设置定时器就行了!...
随机颜色生成
脚本挂在游戏物体上,并且物体要有材质 using UnityEngine; using System.Collections; public class RandomColor : MonoBehaviour { // Use this for initialization void Start() { //获取组件 ...
js生成随机颜色的简单方式
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Document&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;script&amp;
简单函数(一)--随机生成数、随机产生颜色
随机取值 //生成 min~max 范围内的整数 function rn(min,max){ return Math.floor(Math.random()*(max-min)+min);//下取整 }   随机生成颜色   //生成rgb(r,g,b) function rc(min,max){ var r=rn(min,max); var g...
Android 生成随机颜色值
android rgb随机颜色只为记录,留着备用代码分别取rgb的随机值(0~256),然后加起来就是一个随机颜色值,通过Color.parseColor()转为color值即可使用: /** * 获取十六进制的颜色代码.例如 "#5A6677" * 分别取R、G、B的随机值,然后加起来即可 * * @return String */
js 随机生成颜色值
function randomColor(){ let r = Math.floor(Math.random()*256) let g = Math.floor(Math.random()*256) let b = Math.floor(Math.random()*256) return &quot;rgb(&quot;+r+','+g+','+b+&quot;)&quot; }  
php生成随机颜色的方法
function randrgb() { $str='0123456789ABCDEF'; $estr='#'; $len=strlen($str); for($i=1;$i<=6;$i++) { $num=rand(0,$len-1); $estr=$estr.$str[$num]; }
java随机生成十六进制颜色
[code=&quot;java&quot;]/** * 获取十六进制的颜色代码.例如 &quot;#6E36B4&quot; , For HTML , * @return String */ public static String getRandColorCode(){ String r,g,b; Random random = new Random(); r = Integ...
【Unity实用小方法】生成随机颜色
Color RandomColor()     { //随机颜色的RGB值。即刻得到一个随机的颜色         float r = Random.Range(0f, 1f);         float g = Random.Range(0f, 1f);         float b = Random.Range(0f, 1f);         Color color =
python随机生成颜色的RGB代码
本博客主要用python语言随机生成RGB代码,如下: import random def randomcolor(): colorArr = ['1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'] color = &quot;&quot; for i in range(6): color += color...
标签中的字体颜色随机生成
**获取标签中的文字,使文字颜色随机生成**结果展示html部分随机获取数组中的色值***实现的功能: ***步骤如下总结 结果展示 html部分 &amp;lt;div class=&quot;box&quot;&amp;gt; &amp;lt;div class=&quot;box-center&quot;&amp;gt; &amp;lt;div class=&quot;box-left&quot;&amp;gt; ..
echarts+ajax+json动态生成多个不同随机颜色的柱状图
前端部分代码: $(function(){ $.ajax({  url: "evaluate-getChartInfo.action?evaluateType=getChartInfo",  type:"GET", dataType:"json", success: function(data){ var classes = new Array(); var serv =
随机产生颜色
function randomVal(val){ return Math.floor(Math.random()*(val + 1)); } function randomColor(){ return 'rgb(' + randomVal(255) + ',' + randomVal(255) + ',' + randomVal(255...
随机颜色的函数
针对一些浏览器不支持RGB这属性,为了实现一功能。则需要我们自己封装函数了!!!function randomColor(){         var r = Math.floor(Math.random()*256);         var g = Math.floor(Math.random()*256);         var b = Math.floor(Math.random()*2...
颜色随机,去掉灰色,太亮,太暗的颜色,使用hls 写法基于vue
第一步: 获取随机的 hls data(){ return{ hslArray: [], } } // 获取HSL数组 getHslArray() { var HSL = []; var hslLength = 34; // 获取数量 for (var i = 0; i &amp;lt; hslLength; i++) { // 获取...
Java实现颜色随机
通过随机拼接rgb编码的方式,获取随机的颜色码 更多精彩 更多技术博客,请移步 asing1elife’s blog 实现方式 String r, g, b; // 定义随机数 Random random = new Random(); // 获取编码 r = Integer.toHexString(random.nextInt(256)).toUpperCase(); g = In...
echarts 图例颜色不重复
问题:原始的颜色是十几个颜色重复显示 解决: 1、随机生成颜色 2、赋值给series里每条数据得itemStyle:color //随机生成颜色 handleColors(){ let color = ''; let r=Math.floor(Math.random()*256); let g=Math.floor(Math.random()*...
Java 随机生成颜色值(两种方法)
Java随机生成颜色值 方法1:     /** 获取指定长度的16进制字符串. */ public static String randomHexStr(int len) { try { StringBuffer result = new StringBuffer(); for(int i=0;i&amp;lt;len;i++...
利用 Math.random() 实现通过随机数产生随机的颜色的简单方法
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;随机产生颜色&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; div { width: 200px; he
随机得到任意颜色的方法
方法一: function getRandomColor () { const rgb = [] for (let i = 0 ; i &amp;lt; 3; ++i){ let color = Math.floor(Math.random() * 256).toString(16) color = color.length == 1 ? '0' + color : color rgb.pus...
js随机生成十六进制和rgb的颜色
在点击时生成一个随机的颜色随机生成十六进制颜色 var a,b = [],c="#" ; document.querySelector('button').onclick = function(){ for(var i=0;i<6;i++){ a = Math.ceil( Math.random()*16).toString(16).toLocaleUpperCase(
前端取随机颜色,随机字母
creatCode(){ var result=[]; var a={}; var colors={}; var size={}; for(var i=0;i&amp;lt;4;i++){//验证码长度 var ranNum=Math.ceil(Math.random()*25);//取随机字母String.fromCharCode(65+ranNum) va...
通过Math.random实现产生随机的十六进制颜色代码!
function getColor() { //定义十六进制前面#号符 var str = "#"; //定义十六进制单个码数组好进行遍历 var arr = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"] 通过for循环随机生成6个单码进行链接形...
图的着色问题(相邻边的颜色不同)
图的着色问题是由地图的着色问题引申而来的:用m种颜色为地图着色,使得地图上的每一个区域着一种颜色,且相邻区域颜色不同。
jquery随机生成16位进制颜色值
1、通过随机获取数组        function randomColor(){ var colArr = new Array('0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f'); var color = ''; for(var i = 0;i&amp;lt;6;i++){ var random = Math.flo...
iOS -UIColor随机生成颜色的方法
在iOS 中的UIColor拥有这么多关于颜色的类方法,对于一般常见的UI控件,我们可以通过[UIColor blackColor]设置背景色 eg:设置button 的背景色为红色 UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 100, 100)]; [bu
JS ,JQuery 随机输出一种颜色
任何一种颜色都可用红(Red)、绿(Green)、蓝(Blue)三种基本颜色按不同的比例混合得到,称为相加混色。 在计算机中,将红、绿、蓝三种颜色分别按光强度(深浅)的不同分为256个级别,0级实际上是黑色,255级是纯色(红、绿或蓝),分别用8位二进制数表示。 纯黑 :0 0 0 纯白:255 255 255 纯红:255 0 0 纯绿:0 255 0 纯蓝:0
Vue通过for循环随机生成不同的颜色或随机数
需求:随机生成不同的如下图标的背景颜色 方法:本来通过计算属性渲染出随机颜色,然而计算属性是一次性获取值,即使你把RandomColor引入v-for中也没有用,得到的只会永远是同一颜色,除非刷新页面颜色才改变,但是还是没法实现五颜六色的功能,因此,换了中思路,直接在v-for循环中加入随机生成颜色代码,即可快速得到不同颜色的方块。 computed: { RandomColo...
Unity 的一道面试题 随机颜色
题目:让场景中的Cube一秒更换一种颜色; 涉及的内容大致如下: 一个计时器 得到Cube的材质 写一个随机产生颜色的方法 Unity中颜色采用的RGB颜色标准 。在写随机产生颜色方法的时候,我们需要知道RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几
生成随机颜色值
public static String getRandomString() { //随机字符串的随机字符库 String KeyString = &quot;1234567890ABCDEF&quot;; StringBuffer sb = new StringBuffer(); int len = KeyString.length(); sb.append(&quot;#&quot;); ...
js随机生成不同颜色块随机移动
div{ width: 100px; height: 100px; background-color: red; position: absolute; margin-left: 10px; float: left; } 创
OpenCV中随机颜色
OpenCV中随机颜色、随机数发生器 cv::RNG
创建5横5列Cube 要求每行每列不能有同色
效果图:代码:using UnityEngine; using System.Collections; using System.Collections.Generic; using System; public class CubeColorDemo : MonoBehaviour { //颜色列表 public List&amp;lt;Color&amp;gt; cl = new List...
阿里2018笔试题 之 三种颜色排列
题目: 晚会上(具体是不是晚会不太记得了...)所有人要站成一排。有三种颜色的衣服,要求相邻的人穿不同颜色的衣服。输入每种颜色衣服的数量,问总共有多少种排列方式。 例: 输入:1 1 1 输出:6 题目分析: 可以采用递归的做法。假设已经排好了n个人,则第n+1个人的衣服可从另外两种颜色中选。 递归终止的条件是:所有的衣服已经用完或者没有可以选的衣服。 代码: #include...
JS生成随机十六进制颜色值
思路: 1,产生一个随机数,然后与0x1000000相乘得到一个0~0x1000000之间的十进制数 2、舍去小数位 3、转化成十六进制数 4、如不满6位,在最高位补0.得到一个6位的十六进制数。 具体代码如下: RandomColor(){             return '#' + (function(h){                 return new Arra

相似问题