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 相关文章推荐
让焦点自动跳转
Jul 01 Javascript
单击浏览器右上角的X关闭窗口弹出提示的小例子
Jun 12 Javascript
文本框回车提交与禁止提交示例
Sep 27 Javascript
javascript使用location.search的示例
Nov 05 Javascript
实例解析Array和String方法
Dec 14 Javascript
js 轮播效果实例分享
Dec 28 Javascript
React Native react-navigation 导航使用详解
Dec 01 Javascript
微信小程序实现倒计时调用相机自动拍照功能
Jun 10 Javascript
微信小程序登录态和检验注册过没的app.js写法
May 22 Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
浅入深出Vue之自动化路由
Aug 06 Javascript
javascript的setTimeout()使用方法总结
Nov 20 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
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
PHP生成唯一订单号
2015/07/05 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
javascript实现验证IP地址等相关信息代码
2015/05/10 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
jquery代码实现多选、不同分享功能
2015/07/31 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
2016/06/16 Javascript
很棒的js Tab选项卡切换效果
2016/08/30 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
2017/09/25 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
TypeScript高级用法的知识点汇总
2019/12/17 Javascript
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
python调用API实现智能回复机器人
2018/04/10 Python
python如何发布自已pip项目的方法步骤
2018/10/09 Python
在python中使用with打开多个文件的方法
2019/01/07 Python
Pandas读取并修改excel的示例代码
2019/02/17 Python
Python第三方库face_recognition在windows上的安装过程
2019/05/03 Python
关于阿里云oss获取sts凭证 app直传 python的实例
2019/08/20 Python
Fossil德国官网:化石手表、手袋、珠宝及配件
2019/12/07 全球购物
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
应届毕业生应聘自荐信
2013/12/07 职场文书
检讨书范文1000字
2015/01/28 职场文书
人事专员岗位职责
2015/02/03 职场文书
机器人总动员观后感
2015/06/09 职场文书
《草虫的村落》教学反思
2016/02/20 职场文书
win10安装配置nginx的过程
2021/03/31 Servers
教你使用Python pypinyin库实现汉字转拼音
2021/05/27 Python
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis