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 相关文章推荐
学习YUI.Ext第七日-View&amp;JSONView Part Two-一个画室网站的案例
Mar 10 Javascript
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
php与js的区别是什么
Aug 05 Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 Javascript
JavaScript实现点击自动选择TextArea文本的方法
Jul 02 Javascript
JS中Array数组学习总结
Jan 18 Javascript
JS 正则表达式验证密码、邮箱格式的实例代码
Oct 28 Javascript
vue使用laydate时间插件的方法
Nov 14 Javascript
Vue 幸运大转盘实现思路详解
May 06 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 Javascript
原生js实现日历效果
Mar 02 Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 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
eAccelerator的安装与使用详解
2013/06/13 PHP
PHP请求Socket接口测试实例
2016/08/12 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
2019/05/08 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
jQuery实战之仿淘宝商城左侧导航效果
2011/04/12 Javascript
jQuery获取节点和子节点文本的方法
2014/07/22 Javascript
js实现精美的图片跟随鼠标效果实例
2015/05/16 Javascript
jquery带下拉菜单和焦点图代码分享
2015/08/24 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
2016/06/14 Javascript
javascript数据结构中栈的应用之符号平衡问题
2017/04/11 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
VUE 实现滚动监听 导航栏置顶的方法
2018/09/11 Javascript
微信小程序页面间值传递的两种方法
2018/11/26 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
解决antd Form 表单校验方法无响应的问题
2020/10/27 Javascript
举例讲解如何在Python编程中进行迭代和遍历
2016/01/19 Python
python append、extend与insert的区别
2016/10/13 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
Python中创建二维数组
2018/10/17 Python
对Python3 pyc 文件的使用详解
2019/02/16 Python
python ChainMap 合并字典的实现步骤
2019/06/11 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
通俗讲解python 装饰器
2020/09/07 Python
matplotlib运行时配置(Runtime Configuration,rc)参数rcParams解析
2021/01/05 Python
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
阿尔卡特(中国)的面试题目
2014/08/20 面试题
最新党员的自我评价分享
2013/11/04 职场文书
大学应届生的自我评价
2014/03/06 职场文书
经典促销广告词大全
2014/03/19 职场文书
初中同学会活动方案
2014/08/22 职场文书
普通党员对照检查材料
2014/08/28 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
罗马假日观后感
2015/06/08 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书