js从10种颜色中随机取色实现每次取出不同的颜色
更新时间：2013年10月23日 17:35:22 作者：
昨天在做js 从10种颜色中随机取色，并每次取出的颜色不同，具体的实现思路如下，感兴趣的朋友可以参考下
昨天在做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中简单的进制转换代码实例，有需要的朋友可以参考一下2013-10-10
这篇文章主要介绍了JavaScript获取table中某一列的值的方法,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了小程序封装wx.request请求并创建接口管理文件2019-04-04
'webpack-dev-server' 不是内部或外部命令也不是可运行的程序 或批处理文件的最
这篇文章主要介绍了'webpack-dev-server' 不是内部或外部命令也不是可运行的程序 或批处理文件的最新解决方法,文中给大家补充介绍了webpack-dev-server的介绍与用法，需要的朋友可以参考下2023-02-02
这篇文章主要介绍了JS实现淘宝支付宝网站的控制台菜单效果,涉及JavaScript基于时间函数及数学运算控制页面动画弹出菜单效果的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了uniapp 获取页面来源及注意事项,获取当前页面栈的实例,以数组形式按栈的顺序给出,数组中的元素为页面实例,第一个元素为首页,最后一个元素为当前页面,感兴趣的朋友参考本文实例代码2024-03-03
这篇文章主要为大家详细介绍了微信小程序实现上传视频功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要为大家详细介绍了微信小程序实现单选按钮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家详细介绍了用js实现简单轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
Code: write(s,d) 输出连续字符串...2007-08-08
最新评论