이 글의 예시에서는 js를 사용하여 웹페이지의 배경색을 무작위로 생성하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. <헤드> 웹페이지 배경색을 무작위로 생성하는 JS 특수 효과 <스타일> .30pt{글꼴 크기:30pt;색상:#de3076} 스타일> <br> <!--<br /> color=new Array("0","3","6","9","C","F");<br /> 속도=250;<br /> document.bgColor="FFFFFF";<br /> bg=new Array("FFFFFF","FFFFFF","FFFFFF");<br /> 함수 시작() {<br /> document.form.col1.value=" X "; document.form.col2.value=" X ";<br /> document.form.col3.value=" X "; i=0; 롤(속도);<br /> }<br /> function Roll(speedB) //휠 롤링<br /> {<br /> if (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 /> 색상[Math.round(Math.random()*10)%6] <br /> color[Math.round(Math.random()*10)%6]; //무작위 함수를 사용하여 휠에 색상 값을 생성합니다<br /> }<br /> if (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 /> 색상[Math.round(Math.random()*10)%6] <br /> color[Math.round(Math.random()*10)%6];<br /> }<br /> if (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 /> 색상[Math.round(Math.random()*10)%6] <br /> color[Math.round(Math.random()*10)%6];<br /> }<br /> setTimeout("roll(" speedB ")",speedB);<br /> }<br /> function stop(col) //휠이 구르기를 멈춥니다<br /> {<br /> if (col==1) {document.form.col1.value=" ";i ;}<br /> if (col==2) {document.form.col2.value=" ";i ;}<br /> if (col==3) {document.form.col3.value=" ";i ;}<br /> if (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 /> 속도B=500000;롤(속도B);<br /> }<br /> }<br /> 함수 보기(문자) //색상 미리보기<br /> {<br /> document.bgColor=bg[문자];<br /> document.form.color.value="#" bg[문자];<br /> }<br /> --><br> <br> </머리><br> <br> <br><br><br><br><br> <양식 이름="양식"><br> <테이블 셀 패딩=2 테두리=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> <입력 유형=버튼 onClick="view(0)" value="미리보기"><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> <입력 유형=버튼 onClick="view(1)" value="미리보기"><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> <입력 유형=버튼 onClick="view(2)" value="미리보기"><br><br> <입력 유형=버튼 onClick="stop(1)" value=" X " name="col1"> <입력 유형=버튼 onClick="stop(2)" value=" X " name="col2"> <입력 유형=버튼 onClick="stop(3)" value=" X " name="col3"> <br> > <td valign=가운데 정렬=가운데><br> <입력 유형=버튼 onClick="begin()" value="시작!"><p><br> <테이블 bgcolor=FFFFFF 테두리=1 셀 간격=0><br> <tr><td align=center valign=middle>바퀴를 멈추려면 "X"를 누르세요...<p><br> BG 색상 = <입력 유형=텍스트 크기=7 값="#FFFFFF" 이름=색상><br> ;/tr><br> </테이블><br> ;/tr><br> </테이블><br> </양식><br> <br> <테이블 클래스=30pt><br> <tr><td>색상 무작위 생성<br> </tr><tr><td>시작 버튼을 누르면 오른쪽 세 줄의 바퀴가 굴러가기 시작합니다<br></tr><tr><td>세 개의 X 버튼을 눌러 색상 값을 설정하세요<br> </tr><tr><td>미리보기 버튼을 눌러 색상 효과를 확인하세요<br> </tr><br> </테이블><p><br> </BODY><br> </div>