Der Kommunikationsstratege: Panne bei CSS-Steuerung via Javascript

Beitrag lesen

Hallo und schon mal im Vorhinein vielen Dank für eure Hilfestellungen.

Die Ausgangslage:

ich habe 4 verschiedene <DIV>s mit den IDs bsp_1, bsp_2, bsp_3 und bsp_4; alle vier <DIV>s werden nicht angezeigt.

Sobald alle vier geladen sind, sollen bsp_1 bis bsp_3 hintereinander genau eine Sekunde angezeigt werden; danach soll das Programm auf bsp_4 verharren.

So weit so prickelnd, allerdings scheint mein dafür geschriebener Quellcode [offenbar] eine Endlosschleife zu erzeugen und dadurch unbrauchbar zu werden:


<script type="text/javascript">

var Durchlauf;
var aktiv = 1;
var inaktiv;

function Hauptprogramm() {
	while (aktiv < 4) {
    Durchlauf = setInterval(function(){ ToggleEffekt() }, 1000);
	}
}

function ToggleEffekt() {
	if (aktiv > 1) {
		inaktiv = aktiv - 1;
		document.getElementById("bsp_" + inaktiv).style.display = "none";
	}
	document.getElementById("bsp_" + aktiv).style.display = "block";
	aktiv = aktiv + 1;	
}

</script>


<body onload="Hauptprogramm()">

Was ist hier falsch gelaufen? LG, KS.