コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > js は 10 色からランダムに色を選択して、毎回異なる色を実現します_javascript スキル

js は 10 色からランダムに色を選択して、毎回異なる色を実現します_javascript スキル

WBOY
リリース： 2016-05-16 17:19:10
オリジナル
1732 人が閲覧しました

昨日はjsで10色からランダムに色を選ぶのですが、違う色を取り出すたびに色々考えて、最終的に以下のように実装しました。コードをコピーします

コードは次のとおりです: var colorList = ["#FFFF99","#B5FF91","#94DBFF","#FFBAFF", "#FFBD9D", "#C7A3ED","#CC9898","#8AC007","#CCC007","#FFAD5C​​"]; for(var i=0;ivar bgColor = getColorByRandom(colorList);
}
function getColorByRandom(colorList){
var colorIndex = Math.floor(Math.random()*colorList.length); = colorList[colorIndex] ;
colorList.splice(colorIndex,1);
return color;


このように、毎回取り出される色は、違う。
関連ラベル：
随机取色 不同颜色
ソース：php.cn
前の記事：javascript_javascript スキルを使用して写真をキャラクターの絵に変換します 次の記事：word_javascriptスキルでテキストボックスの内容を表示するjsの簡単な実装
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
for ループはランダムに 1 から 0 まで変化します 基本的に、ページが更新されるたびに、for ループは 1 から 0 に変化する可能性があります。なぜこのようなことが起こるのかはわかりませんが、画像を重ね合わせる方法に影響します。...
から 2024-04-06 16:48:14
0
1
393
React Three Fiber: スクロール イベントが遅れるのはなぜですか? ReactThreeFiber には、カメラのズーム全体にわたって保持したいスプライトを生成する React コンポーネントがあります。アルゴリズムは機能しているようですが (サイ...
から 2024-04-06 13:39:24
0
1
410
質問は同じですが、タイトルは次のように書き換えられています: Javascript のランダム関数が有効な応答を生成できません JSとHTMLを使用して簡単な乱数生成ゲームを作成しています。このゲームでは乱数の最小値と最大値を設定できます。しかし、変数を設定して結果を記録すると、ありえない数値が表示されます...
から 2024-04-03 22:03:14
0
1
275
ランダムキーを使用してネストされた値に基づいて Firebase リアルタイムデータベースからノードを削除します 次の構造を持つライブデータベースがあります: "keys":"randomUserId1":"randomKey1":t...
から 2024-04-03 18:10:45
0
2
332
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート