js从10种颜色中随机取色实现每次取出不同的颜色
时间：2021-01-29 09:34:06|栏目：JavaScript代码|点击： 次
昨天在做js 从10种颜色中随机取色，并每次取出的颜色不同的时候，考虑了很多，最终用如下来实现：
var colorList = ["#FFFF99","#B5FF91","#94DBFF","#FFBAFF","#FFBD9D","#C7A3ED","#CC9898","#8AC007","#CCC007","#FFAD5C"];
for(var i=0;i<lineList.length;i++){
var bgColor = getColorByRandom(colorList);
}
function getColorByRandom(colorList){
var colorIndex = Math.floor(Math.random()*colorList.length);
var color = colorList[colorIndex];
colorList.splice(colorIndex,1);
return color;
}
这样便能每次取出的颜色是随机的且都不一样
复制代码 代码如下:
var colorList = ["#FFFF99","#B5FF91","#94DBFF","#FFBAFF","#FFBD9D","#C7A3ED","#CC9898","#8AC007","#CCC007","#FFAD5C"];
for(var i=0;i<lineList.length;i++){
var bgColor = getColorByRandom(colorList);
}
function getColorByRandom(colorList){
var colorIndex = Math.floor(Math.random()*colorList.length);
var color = colorList[colorIndex];
colorList.splice(colorIndex,1);
return color;
}
这样便能每次取出的颜色是随机的且都不一样
上一篇：javascript简易画板开发
栏 目：JavaScript代码
下一篇：JavaScript去掉数组重复项的方法分析【测试可用】
本文地址：http://www.codeinn.net/misctech/53508.html
