The JavaScript instructions are shown below in bold.

<HTML>
<HEAD>
<TITLE>JavaScript Demo Example 11</TITLE>
<script language="javascript" type="text/javascript">
<!-- Hide script from older browsers

var colors = new Array("red", "blue", "green", "purple",
"gray", "magenta", "yellow", "cyan", "tan", "brown", "white");

var colorcntr = -1;
function colorcycle() {
colorcntr = colorcntr + 1;
if (colorcntr == 11) { colorcntr = -1; return; }
else {
document.bgColor = eval('"'+colors[colorcntr]+'"');
setTimeout("colorcycle()",500); }
}

//-->
</script>

</HEAD>
<BODY BGCOLOR="WHITE">

<h3>Click on <a href="#" onClick = "colorcycle(); return false">Change Color</a>
to have JavaScript flash a sequence of color changes utilizing an array of colors
and the document.bgColor property.</h3>

<p>&nbsp;</p>
<p><a href="index.htm">Return to Having Fun with JavaScript</a>.</p>

</BODY>
</HTML>

 

Return to Example 11.