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><script>
//颜色字符串
var colorStr="";
//字符串的每一字符的范围
var randomArr=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f'];
//产生一个六位的字符串
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>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!
