Funktionsweise eines Javascript-Tickers

[sixx66]

[HÜLFE!!] Funktionsweise eines Javascript-Tickers

Hi zusammen!

Ich hab wenig Plan von Javascript und wollte fragen ob mir jemand die Funktionsweise des folgenden Scripts mal Schritt für Schritt erläutern kann:

<script type="text/javascript">
	//<![CDATA[ 
	var saetze=new Array();
	function init(){
	d=document.getElementById('ticker').getElementsByTagName('p');
	for (var i=0;i<d.length;i++){
	saetze[i]=d[i].innerHTML;
	}
	tick()
	}
	var dauer=2;
	var zaehler=0;
	function tick(){
	if(zaehler==saetze.length)zaehler=0;
	document.getElementById('ticker').innerHTML=saetze[zaehler];
	zaehler++;
	setTimeout('tick()',dauer*1000);
	}
	//]]>
	</script>

Dumme Frage ich weis...

 

[Sven Mintel]

Re: [HÜLFE!!] Funktionsweise eines Javascript-Tickers

    var saetze=new Array();
    //ein Array, in dem später die Sätze gespeichert werden
    
    d=document.getElementById('ticker').getElementsByTagName('p');
    //Ein Objekt "d" wird erstellt. Dieses beinhaltet alle <p>-Elemente, 
    //welche sich innerhalb des Elementes mit der ID "ticker" befindet
    
    for (var i=0;i<d.length;i++){
    //alle Elemente des zuvor erstellten Objektes durchlaufen
    
    saetze[i]=d[i].innerHTML;
    //und ihren Inhalt(HTML-Code) als Array-Element in deneingans erstellten Array einfügen
    }
    
    tick()
    //Ticker-Funktion aufrufen
    }
    
    var dauer=2;
    //Tickerintervall(in sek)
    
    var zaehler=0;
    //Zähler, anhand dessen ermittelt wird, welcher Tickertext gerade angezeigt wird
    
    function tick(){
    
    if(zaehler==saetze.length)zaehler=0;
    //wenn zahler grösser ist als die Anzahl an Array-Elementen in "saetze", wird er auf 0 zurückgesetzt
    
    document.getElementById('ticker').innerHTML=saetze[zaehler];
    //dem Element mit der ID "ticker" wird als neuer Inhalt der Inhalt des aktuellen Elementes aus "saetze" zugewiesen
    //(die bis dahin vorhandenen <p>-Elemente werden dadurch überschrieben)
    
    zaehler++;
    //der Zähler für den anzuzeigenden Text wird hochgezählt
    
    setTimeout('tick()',dauer*1000);
    //die Tickerfunktion zeitversetzt neu aufrufen
    }

 

[sixx66]

Re: [HÜLFE!!] Funktionsweise eines Javascript-Tickers

vielen dank!