Visa om och om igen.

Vad skall man säga, det var nog enklaste rubriken, jag vill visa något om och om igen.

Jag läser in i en array ett okänt antal objekt som kommer att visas på hemsidan, dessa objekt hämtas från en XML-fil. (texter)

Sedan har jag en div på sidan som jag presenterar dessa texter i. Allt funkar fint med att hämta från XML-filen. Nemas problemas.

Men det jag ni vill uppnå är att arrayn skall stegas igenom och visa innehåll 1, innehåll 2, men när innehåll 2 skall visas skall innehåll 1 försvinna från sidan.. funkar bra, ända fram tills arrayn har stegats igenom..

kan man på något sätt gör om stegen, utan att webbläsaren skall hänga sig :P

Typ så här kort och gott:

START
VISA: INNEHÅLL 1
Timeout
DÖLJ: INNEHÅLL 1
VISA: INNEHÅLL 2
Timeout
DÖLJ: INNEHÅLL 2
GO TO START.

var currIndex = 0;
var arr = ["a","b","c"]; //contains the xml texts
function InitXmlText()
{
  window.setInterval("ShowXmlText()", 3000);
}
function ShowXmlText()
{
  if (currIndex == arr.length) currIndex = 0;
  document.getElementById("foo").innerHTML = arr[currIndex];
  ++currIndex;
}
window.onload = InitXmlText;

<div id="foo"></div>