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 07 Javascript
javascript document.images实例
May 27 Javascript
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
IFrame跨域高度自适应实现代码
Aug 16 Javascript
详解JavaScript 中的 replace 方法
Jan 01 Javascript
实例解析angularjs的filter过滤器
Dec 14 Javascript
js通过指定下标或指定元素进行删除数组的实例
Jan 12 Javascript
微信小程序 网络请求(post请求,get请求)
Jan 17 Javascript
详解webpack自动生成html页面
Jun 29 Javascript
JS数组操作中的经典算法实例讲解
Jul 26 Javascript
React-intl 实现多语言的示例代码
Nov 03 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 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面向对象全攻略 (十五) 多态的应用
2009/09/30 PHP
php XPath对XML文件查找及修改实现代码
2011/07/27 PHP
php读取qqwry.dat ip地址定位文件的类实例代码
2016/11/15 PHP
你可能不再需要JQUERY
2021/03/09 Javascript
用js实现随机返回数组的一个元素
2007/08/13 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
2012/09/16 Javascript
jQuery中RadioButtonList的功能及用法实例介绍
2013/08/23 Javascript
jQuery入门介绍之基础知识
2015/01/13 Javascript
js实现Form栏显示全格式时间时钟效果代码
2015/08/19 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
Node.js实现一个HTTP服务器的方法示例
2019/05/13 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
2019/08/26 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
Nodejs 数组的队列以及forEach的应用详解
2021/02/25 NodeJs
[47:04]EG vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
Python按行读取文件的简单实现方法
2016/06/22 Python
Python使用正则表达式实现文本替换的方法
2017/04/18 Python
Python数据操作方法封装类实例
2017/06/23 Python
python梯度下降法的简单示例
2018/08/31 Python
创建Django项目图文实例详解
2019/06/06 Python
python创建与遍历List二维列表的方法
2019/08/16 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
七年级音乐教学反思
2014/01/26 职场文书
大学毕业生求职自荐书
2014/06/05 职场文书
煤矿安全协议书
2014/08/20 职场文书
党的群众路线教育实践活动自我剖析材料
2014/10/08 职场文书
民主评议党员登记表自我评价
2014/10/20 职场文书
小学老师对学生的评语
2014/12/29 职场文书
Nginx 502 Bad Gateway错误原因及解决方案
2021/03/31 Servers
漫画「古见同学有交流障碍症」第25卷封面公开
2022/03/21 日漫
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android
vue使用watch监听属性变化
2022/04/30 Vue.js
Spring Cloud OAuth2实现自定义token返回格式
2022/06/25 Java/Android
使用JS前端技术实现静态图片局部流动效果
2022/08/05 Javascript
go goth封装第三方认证库示例详解
2022/08/14 Golang