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系列之数据类型 字符串
Jun 08 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
Aug 24 Javascript
jQuery实现hover合成事件的方法
Aug 06 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
May 17 Javascript
JS动态给对象添加属性和值的实现方法
Oct 21 Javascript
jQuery初级教程之网站品牌列表效果
Aug 02 jQuery
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
May 14 Javascript
Vuex的热更替如何实现
Jun 05 Javascript
使用Typescript开发微信小程序的步骤详解
Jan 12 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 fckeditor 调用的函数
2009/06/21 PHP
如何用C语言编写PHP扩展的详解
2013/06/13 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
用js查找法实现当前栏目的高亮显示的代码
2007/11/24 Javascript
Javascript 汉字字节判断
2009/08/01 Javascript
jQuery 学习第五课 Ajax 使用说明
2010/05/17 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
jQuery给动态添加的元素绑定事件的方法
2015/03/09 Javascript
在Mac OS下使用Node.js的简单教程
2015/06/24 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
2016/11/25 Javascript
JavaScript实现定时页面跳转功能示例
2017/02/14 Javascript
vue + socket.io实现一个简易聊天室示例代码
2017/03/06 Javascript
详解vue-cli中配置sass
2017/06/21 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
2020/11/17 Javascript
零基础写python爬虫之爬虫框架Scrapy安装配置
2014/11/06 Python
Python中实现结构相似的函数调用方法
2015/03/10 Python
Linux下用Python脚本监控目录变化代码分享
2015/05/21 Python
python3+PyQt5泛型委托详解
2018/04/24 Python
Redis使用watch完成秒杀抢购功能的代码
2018/05/07 Python
python numpy数组的索引和切片的操作方法
2018/10/20 Python
python在回调函数中获取返回值的方法
2019/02/22 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
在Django model中设置多个字段联合唯一约束的实例
2019/07/17 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
Django之腾讯云短信的实现
2020/06/12 Python
python的链表基础知识点
2020/09/13 Python
canvas使用注意点总结
2013/07/19 HTML / CSS
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
社会实践感言
2014/01/25 职场文书
《桃花心木》教学反思
2014/02/17 职场文书
土木工程专业推荐信
2014/02/19 职场文书
2014年大学生党课心得体会范文
2014/03/29 职场文书
教师节班会主持词
2015/07/06 职场文书
超市员工管理制度
2015/08/06 职场文书
《烈火英雄》观后感:致敬和平时代的英雄
2019/11/11 职场文书
python 利用 PIL 将数组值转成图片的实现
2021/04/12 Python