Changing style Properties
#hot1 {color:red}
// Set global variables
var totalCycles = 0;
var currColor = 0;
var colors, intervalID;
// Build array of color names
function init() {
colors = ["red", "green", "yellow", "blue"];
}
// Advance the color by one
function cycleColors() {
// reset counter to 0 if it reaches 3; otherwise increment by 1
currColor = (currColor == 3) ? 0 : ++currColor;
// set style color to new color from array
document.getElementById("hot1").style.color = colors[currColor];
// invoke this function again until total = 27 so it ends on red
if (totalCycles++ < 27) {
intervalID = setTimeout("cycleColors()", 100);
} else {
clearTimeout(intervalID);
}
}
Welcome to the Hot Zone Web Site