Full version: jsB@nk » Background » Background Fader
URL: https://www.javascriptbank.com/background-fader.html
This JavaScript changes the background color between two preset values. You can set the beginning color, the ending color, the number of color changes between the two, and the delay between changes.
Full version: jsB@nk » Background » Background Fader
URL: https://www.javascriptbank.com/background-fader.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 begcolor='#0084d8'; // STARTING COLOR AS A HEX STRINGvar endcolor='#c4c4c4'; // ENDING COLOR AS A HEX STRINGvar steps=50; // TOTAL CHANGE STEPS FROM ONE COLOR TO THE OTHERvar delay=50; // DELAY BETWEEN EACH COLOR CHANGE. LOWER IS FASTER.//*** DO NOT EDIT BEYOND THIS POINT ***\\var data=new Array();var ns4=(document.layers)?true:false;for(i=1, j=1;i<=3; i++, j+=2)data[i]=new colorset(j);document.bgColor=begcolor;function colorset(num){this.beg=parseInt('0x'+begcolor.substring(num,num+2));this.end=parseInt('0x'+endcolor.substring(num,num+2));this.up=this.startup=(this.end>=this.beg)? true : false;this.incr=Math.abs(this.end-this.beg)/steps;this.current=this.beg;}function changebg(){var color=new Array();for(i=1;i<=3; i++){(data[i].up)? data[i].current+=data[i].incr : data[i].current-=data[i].incr;if(data[i].startup){if(data[i].current>=data[i].end){ data[i].up=false; data[i].current=data[i].end}if(data[i].current<=data[i].beg){ data[i].up=true; data[i].current=data[i].beg }}if(!data[i].startup){if(data[i].current<=data[i].end){ data[i].up=true; data[i].current=data[i].end}if(data[i].current>=data[i].beg){ data[i].up=false; data[i].current=data[i].beg}}color[i]=data[i].current;}color[4]=Math.floor(color[1]).toString(16); if(color[4].length==1)color[4]='0'+color[4];color[5]=Math.floor(color[2]).toString(16); if(color[5].length==1)color[5]='0'+color[5];color[6]=Math.floor(color[3]).toString(16); if(color[6].length==1)color[6]='0'+color[6];document.bgColor='#'+color[4]+color[5]+color[6];}window.onload=function(){setInterval('changebg()',delay);// TO DISABLE THIS EFFECT IN NS4 BROWSERS, CHANGE THE LINE// ABOVE TO READ://if(!ns4)setInterval('changebg()',delay);}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->