In javascript you can change the background color of HTML page,It is very simple to understand.
Example:
HTML Code:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body onload="backgroundcolorchange();">
</body>
</html>
javascript code:
<script type="text/javascript">
function backgroundcolorchange()
{
window.setTimeout( "backgroundcolorchange()", 5000); // background color change on every 5 sec
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>
1 Comment(s)