Contoh dalam artikel ini menerangkan kaedah menjana warna latar belakang halaman web secara rawak menggunakan js. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: Kesan khas JS yang menjana warna latar belakang halaman web secara rawak .30pt{font-size:30pt;color:#de3076} <br> <!--<br /> color=new Array("0","3","6","9","C","F");<br /> kelajuan=250;<br /> document.bgColor="FFFFFF";<br /> bg=Array baharu("FFFFFF","FFFFFF","FFFFFF");<br /> fungsi begin() {<br /> document.form.col1.value=" X "; document.form.col2.value=" X ";<br /> document.form.col3.value=" X "; i=0; }<br /> guling fungsi(kelajuanB) //Gelek roda<br /> {<br /> jika (document.form.col1.value==" X ") {<br /> document.form.c1.value=document.form.b1.value;<br /> document.form.b1.value=document.form.a1.value;<br /> document.form.a1.value=<br /> warna[Math.round(Math.random()*10)%6] <br /> color[Math.round(Math.random()*10)%6]; //Gunakan fungsi rawak untuk menjana nilai warna pada roda<br /> }<br /> jika (document.form.col2.value==" X ") {<br /> document.form.c2.value=document.form.b2.value;<br /> document.form.b2.value=document.form.a2.value;<br /> document.form.a2.value=<br /> warna[Math.round(Math.random()*10)%6] <br /> warna[Math.round(Math.random()*10)%6];<br /> }<br /> jika (document.form.col3.value==" X ") {<br /> document.form.c3.value=document.form.b3.value;<br /> document.form.b3.value=document.form.a3.value;<br /> document.form.a3.value=<br /> warna[Math.round(Math.random()*10)%6] <br /> warna[Math.round(Math.random()*10)%6];<br /> }<br /> setTimeout("roll(" speedB ")",speedB);<br /> }<br /> function stop(col) //Roda berhenti bergolek<br /> {<br /> if (col==1) {document.form.col1.value=" ";i ;}<br /> jika (col==2) {document.form.col2.value=" ";i ;}<br /> if (col==3) {document.form.col3.value=" ";i ;}<br /> jika (i==3) {<br /> bg[0]=document.form.a1.value <br /> document.form.a2.value <br /> document.form.a3.value;<br /> bg[1]=document.form.b1.value <br /> document.form.b2.value <br /> document.form.b3.value;<br /> bg[2]=document.form.c1.value <br /> document.form.c2.value <br /> document.form.c3.value;<br /> kelajuanB=500000;gulung(kelajuanB);<br /> }<br /> }<br /> paparan fungsi(huruf) //Pratonton warna<br /> {<br /> document.bgColor=bg[huruf];<br /> document.form.color.value="#" bg[letter];<br /> }<br /> --><br> </skrip><br> </head><br> <tengah><br> <br><br><br><br><br> <form name="form"><br> <pelapis sel meja=2 sempadan=1><br> <tr><td align=center><br> <input type=text name="a1" size=3 onFocus="this.blur()" value=" "><br> <input type=text name="a2" size=3 onFocus="this.blur()" value=" "><br> <input type=text name="a3" size=3 onFocus="this.blur()" value=" "><br> <input type=button onClick="view(0)" value="Preview"><br><br> <input type=text name="b1" size=3 onFocus="this.blur()" value=" "><br> <input type=text name="b2" size=3 onFocus="this.blur()" value=" "><br> <input type=text name="b3" size=3 onFocus="this.blur()" value=" "><br> <input type=button onClick="view(1)" value="Preview"><br><br> <input type=text name="c1" size=3 onFocus="this.blur()" value=" "><br> <input type=text name="c2" size=3 onFocus="this.blur()" value=" "><br> <input type=text name="c3" size=3 onFocus="this.blur()" value=" "><br> <input type=button onClick="view(2)" value="Preview"><br><br> <input type=button onClick="stop(1)" value=" X " name="col1"> <input type=button onClick="stop(2)" value=" X " name="col2"> <input type=button onClick="stop(3)" value=" X " name="col3"> <br> <td valign=middle align=center><br> <input type=button onClick="begin()" value="Start!"><p><br> <jadual bgcolor=FFFFFF sempadan=1 jarak sel=0><br> <tr><td align=center valign=middle>Tekan "X" untuk menghentikan roda...<p><br> Warna BG = <jenis input=saiz teks=7 nilai="#FFFFFF" name=color><br> </td></tr><br> </table><br> </td></tr><br> </table><br> </form><br> </center><br> <kelas jadual=30pt><br> <tr><td>Penjanaan warna rawak<br> </tr><tr><td>Tekan butang mula dan tiga baris roda di sebelah kanan mula bergolek<br></tr><tr><td>Drücken Sie die drei X-Tasten, um den Farbwert festzulegen<br> </tr><tr><td>Drücken Sie die Vorschau-Taste, um den Farbeffekt zu sehen<br> </tr><br> </table><p><br> </BODY><br> </HTML></div> <p>Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
