js從10種顏色中隨機(jī)取色實(shí)現(xiàn)每次取出不同的顏色
更新時間：2013年10月23日 17:35:22 作者：
昨天在做js 從10種顏色中隨機(jī)取色，并每次取出的顏色不同，具體的實(shí)現(xiàn)思路如下，感興趣的朋友可以參考下
昨天在做js 從10種顏色中隨機(jī)取色，并每次取出的顏色不同的時候，考慮了很多，最終用如下來實(shí)現(xiàn)：
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;
}
這樣便能每次取出的顏色是隨機(jī)的且都不一樣
復(fù)制代碼 代碼如下:
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;
}
這樣便能每次取出的顏色是隨機(jī)的且都不一樣
相關(guān)文章
vue 集成騰訊地圖實(shí)現(xiàn)api(附DEMO)
之前項(xiàng)目使用騰訊地圖，不利于開發(fā)者查找，這篇文章主要介紹了vue 集成騰訊地圖實(shí)現(xiàn)api，具有一定的參考價值，感興趣的可以了解下2021-07-07
關(guān)于 byval 與 byref 的區(qū)別分析總結(jié)
關(guān)于 byval 與 byref 的區(qū)別分析總結(jié)...2007-10-10
深入認(rèn)識javascript中的eval函數(shù)
發(fā)現(xiàn)為本文起一個合適的標(biāo)題還不是那么容易，呵呵，所以在此先說明下本文的兩個目的.2009-11-11
echarts實(shí)現(xiàn)晶體球面投影的實(shí)例教程
這篇文章主要給大家介紹了關(guān)于echarts實(shí)現(xiàn)晶體球面投影的相關(guān)資料，文中介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10![PPK 談 JavaScript 的 this 關(guān)鍵字 [翻譯]](http://img.jbzj.com/images/xgimg/bcimg4.png)
PPK 談 JavaScript 的 this 關(guān)鍵字 [翻譯]
在 JavaScript 中 this 是最強(qiáng)的關(guān)鍵字之一。這篇貼文就是要告訴你如何用好 this。2009-09-09
基于BootStrap的Metronic框架實(shí)現(xiàn)頁面鏈接收藏夾功能按鈕移動收藏記錄(使用Sortable進(jìn)行拖動排序)
這篇文章主要介紹了基于BootStrap的Metronic框架實(shí)現(xiàn)頁面鏈接收藏夾功能按鈕移動收藏記錄(使用Sortable進(jìn)行拖動排序)的相關(guān)資料,非常不錯，需要的朋友可以參考下2016-08-08
本文通過具體的示例來給大家詳細(xì)解釋了下javascript的連續(xù)賦值問題，十分的實(shí)用，有需要的小伙伴可以參考下。2015-07-07
在前兩篇文章中，介紹了構(gòu)造繼承和原型繼承。今天把剩下的兩種寫完，這兩種的應(yīng)用相對于前兩種來說應(yīng)用很少，因此我把他們稱為是非主流繼承方式2014-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序定位當(dāng)前城市的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法
這篇文章主要介紹了JS與jQuery實(shí)現(xiàn)子窗口獲取父窗口元素值的方法,涉及javascript與jQuery操作窗口元素的相關(guān)技巧,需要的朋友可以參考下2017-04-04