Forum Moderators: open
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Some Title</title>
<script type="text/javascript">
//addThisEvent -utility function for setting event listeners
//cross-browser, and preserving 'this' within attachEvent.
//el may be a single html element as a DOM object, or the window object,
//type should be string name of event type ('on' prefix not required, so 'mouseover' or 'onmouseover' works fine)
//fn should be a function to set as an event handler
function addThisEvent(el, type, fn) {
var ename = type.replace(/^on/i, '');
if (el.attachEvent) { //IE
el.attachEvent('on'+ ename, function () {
return fn.call(el, window.event); //fixes IE's fudging of 'this' in attachEvent
});
} else if (el.addEventListener) { //Standard
el.addEventListener(ename, fn, false );
} else {
el["on"+ename] = fn;
}
}
addThisEvent(window, 'load', function () {
var i = 0,
frequency = 5000, //rate of change frequency, 1000 = 1 second
el = document.getElementById('rotatingTextParagraph'), //the html DOM element to show the text in
textArray = [
'first text string',
'second text string',
'third text string'
];
el.innerHTML = textArray[i++];
el.textRotationInterval = window.setInterval(function () {
if (i >= textArray.length) {
i = 0;
}
el.innerHTML = textArray[i++];
}, frequency);
});
</script>
</head>
<body>
<p id="rotatingTextParagraph"></p>
</body>
</html>
