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