JavaScript change background color automatically


 

JavaScript change background color automatically

In this section, you will learn how to change the background color of the web page automatically.

In this section, you will learn how to change the background color of the web page automatically.

JavaScript change background color automatically

In this section, you will learn how to change the background color of the web page automatically. Now to implement this, we have defined 9 different colors and to display them randomly, we have used using the Math.random(). The window.setTimeout() function change the background color after every 5 seconds.

Here is the code:

<SCRIPT LANGUAGE="JavaScript">
function setbackground(){
window.setTimeout( "setbackground()", 5000);
var index = Math.round(Math.random() * 9);
var ColorValue = "#E6A9EC";
if(index == 1)
ColorValue = "FFCCCC";
if(index == 2)
ColorValue = "CCAFFF";
if(index == 3)
ColorValue = "A6BEFF";
if(index == 4)
ColorValue = "99FFFF";
if(index == 5)
ColorValue = "D5CCBB";
if(index == 6)
ColorValue = "99FF99";
if(index == 7)
ColorValue = "FFFF99";
if(index == 8)
ColorValue = "FFCC99";
if(index == 9)
ColorValue = "CCCCCC";
document.bgColor=ColorValue;
}
</SCRIPT>
<BODY onLoad="setbackground();">
<H1>Hello World</H1>
</BODY>

Output:

After every 5 seconds background color will get changed :

Ads