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 js cookie的存储,获取和删除
Dec 29 Javascript
SyntaxHighlighter代码加色使用方法
Sep 07 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
Apr 17 Javascript
js工具方法弹出蒙版
May 08 Javascript
清除div下面的所有标签的方法
Feb 17 Javascript
JavaScript模仿Pinterest实现图片预加载功能
Oct 25 Javascript
关于js函数解释(包括内嵌,对象等)
Nov 20 Javascript
jquery实现input框获取焦点的方法
Feb 06 Javascript
javascript+html5+css3自定义提示窗口
Jun 21 Javascript
Vue自定义指令使用方法详解
Aug 21 Javascript
基于Vue实现拖拽功能
Jul 29 Javascript
vue 解决数组赋值无法渲染在页面的问题
Oct 28 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
项目中应用Redis+Php的场景
2016/05/22 PHP
清除网页历史记录,屏蔽后退按钮!
2008/12/22 Javascript
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
juqery 学习之三 选择器 子元素与表单
2010/11/25 Javascript
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
2011/02/23 Javascript
javascript真的不难-回顾一下基础知识
2013/01/15 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
2013/08/28 Javascript
jquery插件推荐浏览器嗅探userAgent
2014/11/09 Javascript
jQuery中ajax的get()方法用法实例
2014/12/26 Javascript
使用AngularJS实现可伸缩的页面切换的方法
2015/06/19 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
详解Node.Js如何处理post数据
2016/09/19 Javascript
nodejs的压缩文件模块archiver用法示例
2017/01/18 NodeJs
浅析vue深复制
2018/01/29 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
2018/03/19 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
koa-router源码学习小结
2018/09/07 Javascript
详解nodejs解压版安装和配置(带有搭建前端项目脚手架)
2018/12/06 NodeJs
Python中Collection的使用小技巧
2014/08/18 Python
Python入门_浅谈逻辑判断与运算符
2017/05/16 Python
Python Web程序部署到Ubuntu服务器上的方法
2018/02/22 Python
python 构造三维全零数组的方法
2018/11/12 Python
Python使用百度api做人脸对比的方法
2019/08/28 Python
Django--权限Permissions的例子
2019/08/28 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
Macbook安装Python最新版本、GUI开发环境、图像处理、视频处理环境详解
2020/02/17 Python
如何搭建pytorch环境的方法步骤
2020/05/06 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
python实现批量命名照片
2020/06/18 Python
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
亿阳信通股份有限公司笔试题(C#)
2016/03/04 面试题
党员四风问题对照检查材料
2014/09/27 职场文书
求职简历自我评价怎么写
2015/03/10 职场文书
教师节大会主持词
2015/07/06 职场文书
vue+element ui实现锚点定位
2021/06/29 Vue.js