ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptを使用してランダムな色を実装する方法

JavaScriptを使用してランダムな色を実装する方法

黄舟
黄舟オリジナル
2017-09-22 09:18:552671ブラウズ

この記事では、JavaScript の乱数と文字列の操作、ページ要素の属性の動的操作を含む、ランダムな色の簡単な生成を実現するための JavaScript の方法を主に紹介します。実装テクニックが必要な方は参考にしてください。

この記事の例では、説明しています。 JavaScriptのランダムカラーメソッドを簡単に生成します。参考のために皆さんと共有してください。詳細は次のとおりです:

次の効果を作りたい場合は、Web ページを更新するたびに色が生成されます

実際は非常に簡単です。ランダムな色を生成する基本的な核心は、JavaScript における乱数の問題である 6 桁の数値をランダムに構築することです

そして、この 6 桁の数値の各桁は 0~f の範囲内であるため、次の方法があります:

1最初は HTML レイアウトで、p タグを使用して配置します。現在の色、p の背景色はこの色です


2。その後はコア スクリプトです。

以上がJavaScriptを使用してランダムな色を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。