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

So implementieren Sie zufällige Farben mit JavaScript

黄舟
Freigeben: 2017-09-22 09:18:55
Original
2715 Leute haben es durchsucht

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>
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage