ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryを使ってランダムな色を取得する方法

jQueryを使ってランダムな色を取得する方法

php中世界最好的语言
リリース: 2018-05-28 14:30:29
オリジナル
2412 人が閲覧しました

今回は、jQueryを使用してランダムな色を取得する方法と、jQueryを使用してランダムな色を取得する際の注意点について説明します。実際のケースを見てみましょう。

1.js

//获取十六进制颜色 
  function randomColor1(){ 
   var r = Math.floor(Math.random()*256); 
   var g = Math.floor(Math.random()*256); 
   var b = Math.floor(Math.random()*256); 
   if(r < 16){ 
    r = "0"+r.toString(16); 
   }else{ 
    r = r.toString(16); 
   } 
   if(g < 16){ 
    g = "0"+g.toString(16); 
   }else{ 
    g = g.toString(16); 
   } 
   if(b < 16){ 
    b = "0"+b.toString(16); 
   }else{ 
    b = b.toString(16); 
   } 
   return "#"+r+g+b; 
  } 
  $("h3").css("color",randomColor1());
ログイン後にコピー

2.html

.

获取任意颜色

 

効果:

以下は、js

rrでランダムな色を生成するいくつかの方法に関するコードです。リー

この記事の場合、あなたはその方法をマスターしたと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jquery toggleClass() 属性を使用して記事の段落を作成し、背景色を変更する方法

Vue ベースの遅延読み込みプラグイン vue-view-lazy の使用方法

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート