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)文章
javascript中簡單的進(jìn)制轉(zhuǎn)換代碼實(shí)例
這篇文章介紹了javascript中簡單的進(jìn)制轉(zhuǎn)換代碼實(shí)例，有需要的朋友可以參考一下2013-10-10
這篇文章主要介紹了JavaScript獲取table中某一列的值的方法,需要的朋友可以參考下2014-05-05
小程序封裝wx.request請求并創(chuàng)建接口管理文件的實(shí)現(xiàn)
這篇文章主要介紹了小程序封裝wx.request請求并創(chuàng)建接口管理文件2019-04-04
'webpack-dev-server'?不是內(nèi)部或外部命令也不是可運(yùn)行的程序?或批處理文件的最
這篇文章主要介紹了'webpack-dev-server'?不是內(nèi)部或外部命令也不是可運(yùn)行的程序?或批處理文件的最新解決方法,文中給大家補(bǔ)充介紹了webpack-dev-server的介紹與用法，需要的朋友可以參考下2023-02-02
JS實(shí)現(xiàn)淘寶支付寶網(wǎng)站的控制臺菜單效果
這篇文章主要介紹了JS實(shí)現(xiàn)淘寶支付寶網(wǎng)站的控制臺菜單效果,涉及JavaScript基于時間函數(shù)及數(shù)學(xué)運(yùn)算控制頁面動畫彈出菜單效果的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了uniapp 獲取頁面來源及注意事項(xiàng),獲取當(dāng)前頁面棧的實(shí)例,以數(shù)組形式按棧的順序給出,數(shù)組中的元素為頁面實(shí)例,第一個元素為首頁,最后一個元素為當(dāng)前頁面,感興趣的朋友參考本文實(shí)例代碼2024-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)上傳視頻功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)單選按鈕，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了用js實(shí)現(xiàn)簡單輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Code: write(s,d) 輸出連續(xù)字符串...2007-08-08