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 相关文章推荐
在JS中解析HTML字符串示例代码
Apr 16 Javascript
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
Nov 09 Javascript
谈谈jQuery Ajax用法详解
Nov 27 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
Aug 19 Javascript
总结js函数相关知识点
Feb 27 Javascript
小程序图片剪裁加旋转的示例代码
Jul 10 Javascript
Angular2 自定义表单验证器的实现方法
Dec 14 Javascript
微信小程序上传文件到阿里OSS教程
May 20 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
JS面向对象编程——ES6 中class的继承用法详解
Mar 03 Javascript
vue+canvas实现拼图小游戏
Sep 18 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 empty函数 使用说明
2009/08/10 PHP
php缓存技术详细总结
2013/08/07 PHP
PHP时间和日期函数详解
2015/05/08 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
PHP并发多进程处理利器Gearman使用介绍
2016/05/16 PHP
简单谈谈 php 文件锁
2017/02/19 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
Avengerls vs Newbee BO3 第三场2.18
2021/03/10 DOTA
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2014/12/12 Javascript
javascript生成大小写字母
2015/07/03 Javascript
jQuery层次选择器用法示例
2016/09/09 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
2017/01/29 Javascript
Angular模板表单校验方法详解
2017/08/11 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
解决Vue不能检测数组或对象变动的问题
2018/02/24 Javascript
layui实现点击按钮给table添加一行
2018/08/10 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
JS实现的碰撞检测与周期移动完整示例
2019/09/02 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
2019/09/27 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
[04:48]DOTA2亚洲邀请赛林书豪为VGJ加油
2017/04/01 DOTA
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
利用Python将数值型特征进行离散化操作的方法
2018/11/06 Python
在Python3 numpy中mean和average的区别详解
2019/08/24 Python
Django多数据库配置及逆向生成model教程
2020/03/28 Python
HTML5 canvas 基本语法
2009/08/26 HTML / CSS
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
亲子拓展活动方案
2014/02/20 职场文书
给全校老师的建议书
2014/03/13 职场文书
党员思想汇报材料
2014/12/19 职场文书
工作后的感想
2015/08/07 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python
SQL SERVER存储过程用法详解
2022/02/24 SQL Server