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 相关文章推荐
通过JavaScript控制字体大小的代码
Oct 04 Javascript
疯狂Jquery第一天(Jquery学习笔记)
May 11 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
Jun 08 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
第一次接触神奇的Bootstrap基础排版
Jul 26 Javascript
原生js实现节日时间倒计时功能
Jan 18 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
Apr 22 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
Jun 12 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
angular基于ng-alain定义自己的select组件示例
Feb 23 Javascript
微信小程序登录数据解密及状态维持实例详解
May 06 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 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获取根域名方法汇总
2014/10/28 PHP
YII框架中搜索分页jQuery写法详解
2016/12/19 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
定义select的边框颜色
2008/04/28 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
JavaScript实现的encode64加密算法实例分析
2015/04/15 Javascript
easyui Draggable组件实现拖动效果
2015/08/19 Javascript
纯JS实现轮播图
2017/02/22 Javascript
基于jquery实现二级联动效果
2017/03/30 jQuery
ES6新增数据结构WeakSet的用法详解
2017/08/07 Javascript
详解10分钟学会vue滚动行为
2017/09/21 Javascript
利用node.js如何创建子进程详解
2017/12/09 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
详解在Vue.js编写更好的v-for循环的6种技巧
2020/04/14 Javascript
JavaScript函数重载操作实例浅析
2020/05/02 Javascript
vuex中store存储store.commit和store.dispatch的用法
2020/07/24 Javascript
Python爬虫之网页图片抓取的方法
2018/07/16 Python
pandas计数 value_counts()的使用
2019/06/24 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
Python使用lambda表达式对字典排序操作示例
2019/07/25 Python
python单向链表的基本实现与使用方法【定义、遍历、添加、删除、查找等】
2019/10/24 Python
python 调整图片亮度的示例
2020/12/03 Python
Linux机考试题
2015/10/16 面试题
财务经理的岗位职责
2013/12/17 职场文书
《那片绿绿的爬山虎》教学反思
2014/02/27 职场文书
元旦联欢会主持词
2014/03/26 职场文书
婚前财产公证书
2014/04/10 职场文书
公司晚会策划方案
2014/05/17 职场文书
法律进社区活动总结
2015/05/07 职场文书
车辆管理制度范本
2015/08/05 职场文书
Python序列化与反序列化相关知识总结
2021/06/08 Python
MySQL高级进阶sql语句总结大全
2022/03/16 MySQL
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers
关于vue-router-link选择样式设置
2022/04/30 Vue.js