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调试(不下载任何工具)
Apr 14 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
Nov 24 Javascript
angular.foreach 循环方法使用指南
Jan 06 Javascript
AngularJS向后端ASP.NET API控制器上传文件
Feb 03 Javascript
jQuery实现鼠标经过显示动画边框特效
Mar 24 jQuery
React学习笔记之事件处理(二)
Jul 02 Javascript
基于vue.js中事件修饰符.self的用法(详解)
Feb 23 Javascript
Vue用v-for给src属性赋值的方法
Mar 03 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
Apr 20 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
Jun 25 Javascript
vue路由传参的基本实现方式小结【三种方式】
Feb 05 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的switch判断语句的“高级”用法详解
2014/10/01 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
PHP实现的多维数组去重操作示例
2018/07/21 PHP
Javascript实例教程(19) 使用HoTMetal(4)
2006/12/23 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
JS常用字符串处理方法应用总结
2014/05/22 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
JS出现失效的情况总结
2017/01/20 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
2017/02/10 Javascript
微信小程序实现图片轮播及文件上传
2017/04/07 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
2017/08/26 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
2017/11/28 Javascript
浅谈Vue2.0父子组件间事件派发机制
2018/01/08 Javascript
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
[03:40]2014DOTA2国际邀请赛 B神专访:躲箭真的很难
2014/07/13 DOTA
python获取标准北京时间的方法
2015/03/24 Python
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
Python中如何获取类属性的列表
2016/12/26 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
对django xadmin自定义菜单的实例详解
2019/01/03 Python
Python socket处理client连接过程解析
2020/03/18 Python
PyTorch中model.zero_grad()和optimizer.zero_grad()用法
2020/06/24 Python
python 实现一个图形界面的汇率计算器
2020/11/09 Python
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
一些Unix笔试题和面试题
2013/01/22 面试题
linux面试题参考答案(10)
2013/11/04 面试题
社区庆中秋节活动方案
2014/02/07 职场文书
致长跑运动员加油稿
2014/02/20 职场文书
校园绿化美化方案
2014/06/08 职场文书
六一儿童节活动总结
2014/08/27 职场文书
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python
eval(cmd)与eval($cmd)的区别与联系
2021/07/07 PHP