Heim > Artikel > Web-Frontend > So implementieren Sie zufällige Farben mit JavaScript

So implementieren Sie zufällige Farben mit JavaScript

黄舟Original: 2017-09-22 09:18:552662Durchsuche

In diesem Artikel wird hauptsächlich die Methode zum einfachen Generieren von Zufallsfarben in JavaScript vorgestellt, einschließlich Implementierungstechniken im Zusammenhang mit JavaScript-Zufallszahlen und String-Operationen sowie der dynamischen Operation von Seitenelementattributen. Freunde in Not können sich auf die Beispiele dieses Artikels beziehen

Beschreibt, wie man mithilfe von JavaScript einfach zufällige Farben generiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

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

Es ist eigentlich ganz einfach. Der grundlegende Kern der Erzeugung zufälliger Farben besteht darin, eine sechsstellige Zahl zufällig zu konstruieren, das Zufallszahlenproblem von JavaScript

und jede Ziffer dieser sechsstelligen Zahl ist innerhalb von 0~f, also gibt es die folgende Methode:

1. Das p-Tag wird verwendet, um die aktuelle Farbe

<!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>

2. Als nächstes kommt das Kernskript:

Das obige ist der detaillierte Inhalt vonSo implementieren Sie zufällige Farben mit JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Wozu dienen Schaltflächen für asynchrone $q-Operationen?Nächster Artikel：Wozu dienen Schaltflächen für asynchrone $q-Operationen?

In Verbindung stehende Artikel

Mehr sehen