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 相关文章推荐
alixixi runcode.asp的代码不错的应用
Aug 08 Javascript
JavaScript 嵌套函数指向this对象错误的解决方法
Mar 15 Javascript
HTML页面,测试JS对C函数的调用简单实例
Aug 09 Javascript
js实现固定宽高滑动轮播图效果
Jan 13 Javascript
js实现数字递增特效【仿支付宝我的财富】
May 05 Javascript
详解vuejs几种不同组件(页面)间传值的方式
Jun 01 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
Jun 26 Javascript
React降级配置及Ant Design配置详解
Dec 27 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
Oct 23 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 Javascript
js动态生成表格(节点操作)
Jan 12 Javascript
详解TS数字分隔符和更严格的类属性检查
May 06 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
phpmailer简单发送邮件的方法(附phpmailer源码下载)
2016/06/13 PHP
Yii 2中的load()和save()示例详解
2017/08/03 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
javascript 函数调用规则
2009/08/26 Javascript
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
2012/07/17 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
Javascript URI 解析介绍
2015/03/15 Javascript
简介JavaScript中的push()方法的使用
2015/06/09 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
jQuery自定义组件(导入组件)
2016/11/08 Javascript
JS 调用微信扫一扫功能
2016/12/22 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
vue.js仿hover效果的实现方法示例
2019/01/28 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
2019/07/30 Javascript
微信小程序之 catalog 切换实现解析
2019/09/12 Javascript
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
python模拟enum枚举类型的方法小结
2015/04/30 Python
Python中的descriptor描述器简明使用指南
2016/06/02 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
Python3 replace()函数使用方法
2018/03/19 Python
Django单元测试工具test client使用详解
2019/08/02 Python
python Dijkstra算法实现最短路径问题的方法
2019/09/19 Python
python sorted函数原理解析及练习
2020/02/10 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
印尼旅游网站:via
2017/11/12 全球购物
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
Java模拟试题
2014/11/10 面试题
质检部部长职责
2013/12/16 职场文书
儿子婚宴答谢词
2014/01/09 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
中学社团活动总结
2015/05/07 职场文书
2015年财务人员个人工作总结
2015/07/27 职场文书
《祁黄羊》教学反思
2016/02/20 职场文书
SpringBoot整合Redis入门之缓存数据的方法
2021/11/17 Redis