JavaScript Frame Color Animation

<HEAD>
<TITLE>Colored Frames</TITLE>
<SCRIPT>
function setcolor(w) {
// Generate a random color.
var r = (Math.random() * 256).toString(16);
var g = (Math.random() * 256).toString(16);
var b = (Math.random() * 256).toString(16);
var colorString = "#" + r + g + b;

// Set the frame background to the random color.
w.document.bgColor = colorString;

// Schedule another call to this method in one second.
// Since we call the setTimeout() method of the frame, the string
// will be executed in that context, so we must prefix properties
// of the top-level window with "parent."
w.setTimeout('parent.setcolor(parent.' + w.name + ')', 1000);

// We could also have done the same thing more simply like this.
// setTimeout('setcolor(' + w.name + ')', 1000);
}
</SCRIPT>
</HEAD>
<FRAMESET rows="33%,33%,34%" cols="33%,33%,34%"
onLoad="for(var i = 0; i < 9; i++) setcolor(frames[i]);">
<FRAME NAME="f1" SRC="javascript:''"><FRAME NAME="f2" SRC="javascript:''">
<FRAME NAME="f3" SRC="javascript:''"><FRAME NAME="f4" SRC="javascript:''">
<FRAME NAME="f5" SRC="javascript:''"><FRAME NAME="f6" SRC="javascript:''">
<FRAME NAME="f7" SRC="javascript:''"><FRAME NAME="f8" SRC="javascript:''">
<FRAME NAME="f9" SRC="javascript:''">
</FRAMESET>