js从10种颜色中随机取色实现每次取出不同的颜色


Posted in Javascript onOctober 23, 2013

昨天在做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; 
}

这样便能每次取出的颜色是随机的且都不一样
Javascript 相关文章推荐
根据分辩率调用不同的CSS.
Jan 08 Javascript
JavaScript 设计模式之组合模式解析
Apr 09 Javascript
一段批量给页面上的控件赋值js
Jun 19 Javascript
jQuery中position()方法用法实例
Jan 16 Javascript
每天一篇javascript学习小结(属性定义方法)
Nov 19 Javascript
jQuery过滤特殊字符及JS字符串转为数字
May 26 Javascript
Javascript实现图片懒加载插件的方法
Oct 20 Javascript
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
Vue中 key keep-alive的实现原理
Sep 18 Javascript
vue-cli3.0 环境变量与模式配置方法
Nov 08 Javascript
微信小程序登录数据解密及状态维持实例详解
May 06 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
Jun 03 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
Oct 23 #Javascript
js(jQuery)获取时间的方法及常用时间类搜集
Oct 23 #Javascript
js简单实现HTML标签Select联动带跳转
Oct 23 #Javascript
JS Date函数整理方便使用
Oct 23 #Javascript
改变文件域的样式实现思路同时兼容ie、firefox
Oct 23 #Javascript
JavaScript instanceof 的使用方法示例介绍
Oct 23 #Javascript
javascript中的=等号个数问题两个跟三个有什么区别
Oct 23 #Javascript
You might like
PHP新手上路(十三)
2006/10/09 PHP
如何使用Gitblog和Markdown建自己的博客
2015/07/31 PHP
在TP5数据库中四个字段实现无限分类的示例
2019/10/18 PHP
小议Javascript中的this指针
2010/03/18 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
2016/08/23 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
2017/06/17 Javascript
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
webpack源码之loader机制详解
2018/04/06 Javascript
jQuery实现table表格checkbox全选的方法分析
2018/07/04 jQuery
浅谈js闭包理解
2019/04/01 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
2020/12/19 Vue.js
[02:09]EHOME夺得首届辉夜杯冠军—现场颁奖仪式
2015/12/28 DOTA
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
Python中类的初始化特殊方法
2017/12/01 Python
Linux系统(CentOS)下python2.7.10安装
2018/09/26 Python
python3的输入方式及多组输入方法
2018/10/17 Python
使用pandas读取文件的实现
2019/07/31 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
通过实例简单了解Python中yield的作用
2019/12/11 Python
Python如何用wx模块创建文本编辑器
2020/06/07 Python
总结python 三种常见的内存泄漏场景
2020/11/20 Python
HTML5 在canvas中绘制文本附效果图
2014/06/23 HTML / CSS
NARS化妆品官方商店:美国彩妆品牌
2017/08/26 全球购物
关于Java String的一道面试题
2013/09/29 面试题
暑期培训随笔感言
2014/03/10 职场文书
2014年关于两会精神的心得体会
2014/03/17 职场文书
装修协议书范本
2014/04/21 职场文书
地方课程教学计划
2015/01/19 职场文书
爱心助学感谢信
2015/01/21 职场文书
2015年女职工工作总结
2015/05/15 职场文书
卫生主题班会
2015/08/14 职场文书
2016年教师师德师风心得体会
2016/01/12 职场文书
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python
python对文档中元素删除,替换操作
2022/04/02 Python
使用Apache Camel表达REST服务的方法
2022/06/10 Servers