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:552596Durchsuche
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!