Sunday, 16 March 2014

Change Page Background Colour Every 5 Second Using Javascript


Change Page Background Colour Every 5 Second Using Javascript


So here I am with a trick which will change the background colour of your page every 5 seconds.. You can use the script to change the background image at a particular interval..


<html>
<head>
<title>Change Page Background Every 5 seconds</title>

<script type="text/javascript">

// Description: Randomly change background color every 5 seconds

function setbackground()
{
window.setTimeout( "setbackground()", 5000); // 5000 milliseconds delay

var index = Math.round(Math.random() * 9);

var ColorValue = "FFFFFF"; // default color - white (index = 0)

if(index == 1)
ColorValue = "FFCCCC"; //peach
if(index == 2)
ColorValue = "CCAFFF"; //violet
if(index == 3)
ColorValue = "A6BEFF"; //lt blue
if(index == 4)
ColorValue = "99FFFF"; //cyan
if(index == 5)
ColorValue = "D5CCBB"; //tan
if(index == 6)
ColorValue = "99FF99"; //lt green
if(index == 7)
ColorValue = "FFFF99"; //lt yellow
if(index == 8)
ColorValue = "FFCC99"; //lt orange
if(index == 9)
ColorValue = "CCCCCC"; //lt grey

document.getElementsByTagName("body")[0].style.backgroundColor = "#" + ColorValue;

}
</script>


</head>
<body onload="setbackground();"> 
</body>
</html> 

No comments:

Post a comment

Thank You for Your Comments. We will get back to you soon.

back to top