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.