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 相关文章推荐
jquery实现倒计时代码分享
Jun 13 Javascript
告诉你什么是javascript的回调函数
Sep 04 Javascript
浅谈JavaScript字符串拼接
Jun 25 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
Mar 16 Javascript
javascript数组常用方法汇总
Sep 10 Javascript
实例详解display:none与visible:hidden的区别
Mar 30 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
Nov 20 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
Dec 21 Javascript
Vue项目History模式404问题解决方法
Oct 31 Javascript
vue实现修改图片后实时更新
Nov 14 Javascript
微信小程序实现抖音播放效果的实例代码
Apr 11 Javascript
Js图片点击切换轮播实现代码
Jul 27 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实现采集程序原理和简单示例代码
2007/03/18 PHP
session在php5.3中的变化 session_is_registered() is deprecated in
2013/11/12 PHP
推荐10个提供免费PHP脚本下载的网站
2014/12/31 PHP
PHP遍历数组的三种方法及效率对比分析
2015/02/12 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
ajax异步刷新实现更新数据库
2012/12/03 Javascript
javascript将异步校验表单改写为同步表单
2015/01/27 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
2015/09/17 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
JS获得一个对象的所有属性和方法实例
2017/02/21 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
JS动画实现回调地狱promise的实例代码详解
2018/11/08 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
2018/12/12 Javascript
javascript实现计算指定范围内的质数示例
2018/12/29 Javascript
微信小程序实现watch监听
2020/06/04 Javascript
微信小程序仿抖音短视频切换效果的实例代码
2020/06/24 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
2020/07/28 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
Python中logging模块的用法实例
2014/09/29 Python
解决python写入mysql中datetime类型遇到的问题
2018/06/21 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
django框架使用方法详解
2019/07/18 Python
python urllib爬虫模块使用解析
2019/09/05 Python
tensorflow模型保存、加载之变量重命名实例
2020/01/21 Python
保险专业大专生求职信
2013/10/26 职场文书
大学三年的自我评价
2013/12/25 职场文书
学术会议主持词
2014/03/17 职场文书
工程质量承诺书
2014/03/27 职场文书
2014年综治宣传月活动总结
2014/04/28 职场文书
百日安全生产活动总结
2014/07/05 职场文书
工程安全生产协议书
2014/11/21 职场文书
2015年春节标语口号
2014/12/09 职场文书
立项申请报告范本
2015/05/15 职场文书
好人好事新闻稿
2015/07/17 职场文书
2021年国产动漫公司排行前十名,玄机科技上榜,第二推出过铠甲勇士
2022/03/18 杂记
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers