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 相关文章推荐
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
JS 仿腾讯发表微博的效果代码
Dec 25 Javascript
js分页工具实例
Jan 28 Javascript
jquery中radio checked问题
Mar 16 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
Nov 18 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
Apr 21 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
微信小程序使用image组件显示图片的方法【附源码下载】
Dec 08 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
Oct 15 Javascript
如何用JS实现网页瀑布流布局
Apr 24 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中simplexml_load_file函数用法实例
2014/11/12 PHP
laravel-admin select框默认选中的方法
2019/10/03 PHP
php的单例模式及应用场景详解
2021/02/27 PHP
js控制框架刷新
2008/08/01 Javascript
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
让你的网站可编辑的实现js代码
2009/10/19 Javascript
juqery 学习之三 选择器 层级 基本
2010/11/25 Javascript
快速排序 php与javascript的不同之处
2011/02/22 Javascript
js有关元素内容操作小结
2011/12/20 Javascript
Javascript跨域请求的4种解决方式
2013/03/17 Javascript
简介JavaScript中getUTCMonth()方法的使用
2015/06/10 Javascript
javascript伸缩菜单栏实现代码分享
2015/11/12 Javascript
基于JavaScript实现自动更新倒计时效果
2016/12/19 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
2016/12/23 Javascript
js 转义字符及URI编码详解
2017/02/28 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
windows下vue-cli及webpack搭建安装环境
2017/04/25 Javascript
Angular.js中下拉框实现渲染html的方法
2017/06/18 Javascript
angularJs的ng-class切换class
2017/06/23 Javascript
javascript标准库(js的标准内置对象)总结
2018/05/26 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
js实现全选和全不选
2020/07/28 Javascript
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
[04:29]2016国际邀请赛中国区预选赛Ehome战队教练采访
2016/06/27 DOTA
[01:03]悬念揭晓 11月26日DOTA2完美盛典不见不散
2017/11/23 DOTA
在Python编程过程中用单元测试法调试代码的介绍
2015/04/02 Python
Python中使用第三方库xlrd来读取Excel示例
2015/04/05 Python
动感网页相册 python编写简单文件夹内图片浏览工具
2016/08/17 Python
python目录与文件名操作例子
2016/08/28 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
伊索寓言读书笔记
2015/06/30 职场文书
2015年音乐教学工作总结
2015/07/22 职场文书
孙振耀退休感言
2015/08/01 职场文书
Java实现学生管理系统(IO版)
2022/02/24 Java/Android