Eine einfache Möglichkeit, mithilfe von JavaScript zufällige Farben zu generieren-js-Tutorial-php.cn

Eine einfache Möglichkeit, mithilfe von JavaScript zufällige Farben zu generieren

小云云

Freigeben： 2018-02-07 11:23:43

Original

2864 Leute haben es durchsucht

Dieser Artikel stellt Ihnen hauptsächlich die Methode der einfachen Generierung von Zufallsfarben in JavaScript vor, einschließlich Implementierungstechniken im Zusammenhang mit JavaScript-Zufallszahlen und String-Operationen sowie der dynamischen Operation von Seitenelementattributen kann dir helfen.

Wenn Sie den folgenden Effekt erzielen möchten, wird bei jeder Aktualisierung der Webseite eine Farbe generiert

Tatsächlich ist es sehr einfach. Der grundlegende Kern der Erzeugung zufälliger Farben ist die Zufallskonstruktion. Das Problem besteht darin, eine sechsstellige JavaScript-Zufallszahl

zu generieren und jede Ziffer dieser sechsstelligen Zahl innerhalb von 0 ~ f zu liegen. Daher gibt es die folgende Methode:

1. Zunächst einmal handelt es sich um ein HTML-Layout. Die Hintergrundfarbe von p ist diese Farbe

2. Als nächstes kommt das Kernskript:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>randomColor</title>
  </head>
  <body>
    <p id="colorStr"></p>
    <p id="p1" style="width:100px;height:100px"></p>
  </body>
</html>

Nach dem Login kopieren

Verwandte Empfehlungen:

<script>
  //颜色字符串
  var colorStr="";
  //字符串的每一字符的范围
  var randomArr=[&#39;0&#39;,&#39;1&#39;,&#39;2&#39;,&#39;3&#39;,&#39;4&#39;,&#39;5&#39;,&#39;6&#39;,&#39;7&#39;,&#39;8&#39;,&#39;9&#39;,&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;,&#39;e&#39;,&#39;f&#39;];
  //产生一个六位的字符串
  for(var i=0;i<6;i++){
    //15是范围上限，0是范围下限，两个函数保证产生出来的随机数是整数
    colorStr+=randomArr[Math.ceil(Math.random()*(15-0)+0)];
  }
  document.getElementById("colorStr").innerHTML="颜色为：#"+colorStr;
  document.getElementById("p1").style.backgroundColor="#"+colorStr;
</script>

Nach dem Login kopieren

Eine einfache Möglichkeit, Zufallsgeneratoren zu generieren Farben in PHP

PHP-Code zum Erhalten einer zufälligen Farbe

Eine zufällige Farbe wird im Bereich generiert

Das obige ist der detaillierte Inhalt vonEine einfache Möglichkeit, mithilfe von JavaScript zufällige Farben zu generieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!