Phiên bản đầy đủ: jsB@nk » Màu nền » Tạo nền chớp giật với số lần qui định
URL: https://www.javascriptbank.com/background-color-changer-francis.html
Hiệu ứng cho phép bạn làm màu nền chớp giật ngẫu nhiên các mã màu với số lần nào đó. Sau khi tạo xong, bạn có thể xem các màu đã thực hiện bằng cách nhấn nút List.
Phiên bản đầy đủ: jsB@nk » Màu nền » Tạo nền chớp giật với số lần qui định
URL: https://www.javascriptbank.com/background-color-changer-francis.html
<SCRIPT language=Javascript> <!--/* This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/ var timerID = null var timerRunning = false var pmax=0//set max to the point where user stops. var aColor=['']//use this array if you want to keep a record of the colors hex values. var c=0 var max=0; function init(){ max=parseInt(document.colors.nmb.value)//maximum number of colors to step through if (isNaN(max)){ alert(document.colors.nmb.value+' is not a numerical value')document.colors.nmb.focus()} else startup() } function stopclock(){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function startclock(){ stopclock(); } function startup(){ /* change the values as need be. i.e. To see mostly blue set the maximum use: bb=255 for low red content in color use: rr=parseInt(Math.random()*70) for no green at all in color use: gg=0These can all be switch about as necessary */ c++ if (c > max) return (true); pmax++ rr=parseInt(Math.random()*255) gg=parseInt(Math.random()*255) bb=parseInt(Math.random()*255) document.colors.rr.value=rr document.colors.gg.value=gg document.colors.bb.value=bb setbgcolor(rr,gg,bb,c) } function setbgcolor(rr,gg,bb,nIndex){ var xcolor='#'+Hexconv(rr)+Hexconv(gg)+Hexconv(bb) aColor[nIndex]=xcolor document.colors.cr.value=xcolor document.bgColor=xcolor timerID=setTimeout("startup()",50) timerRunning = true } function Hexconv(nValue){ var aHex = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'] var n =nValue/16 var n_=nValue%16 n=parseInt(n) n =((n <= 15) ? aHex[n] : Hexconv(n)) n_=((n_ <= 15) ? aHex[n_] : Hexconv(n_)) var nhex=n+n_ return(nhex) } function Dispcolors(){ // this function is only necessary if you use the array to store the hex values. var y=0; if ((pmax/10) >=1){ document.write('<table border=1><tr>') for (var x=1; x<=pmax; x++){ y=y+1 document.write('<td bgColor="'+aColor[x]+'">'+aColor[x]+'</td>'); if (y == 8){ document.write('</tr><tr>'); y=0 } } } else{ for (var x=1; x<=pmax; x++) document.write('<td bgColor="'+aColor[x]+'">'+aColor[x]+'</td>') } document.write('</tr></table>') document.write('<br><br><small><small>Copyright © 1999, by Demetrius Francis</small></small>'); } //--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><FORM name=colors><CENTER><TABLE width="30%"> <TBODY> <TR> <TD align=right><SPAN style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Loops:</SPAN></TD> <TD align=left><INPUT name=nmb size=7></TD></TR> <TR> <TD align=right><SPAN style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Red:</SPAN></TD> <TD align=left><INPUT name=rr size=7></TD></TR> <TR> <TD align=right><SPAN style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Green:</SPAN></TD> <TD><INPUT name=gg size=7></TD></TR> <TR> <TD align=right><SPAN style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Blue:</SPAN></TD> <TD><INPUT name=bb size=7></TD></TR> <TR> <TD align=right><SPAN style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Color:</SPAN></TD> <TD><INPUT name=cr size=12></TD></TR> <TR> <TD align=right><SPAN style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left">Choices:</SPAN></TD> <TD><INPUT name=stop onclick=stopclock() type=button value=Stop!> <INPUT name=start onclick=init() type=button value=Start!> <INPUT name=clear type=reset value=Clear!> <INPUT name=list onclick=Dispcolors() type=button value=List!> </TD></TR> <TR> <TD align=left colSpan=2><SPAN style="FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-ALIGN: left"><BR>1. Enter the number of colors to generate (loops).<BR>2. Click the Start button.<BR>3. Click the List button to see results. </SPAN></TD></TR></TBODY></TABLE></CENTER></FORM><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->