Code eines Livetickers erläutern

Li_Za

Grünschnabel
Liebes Forum,

ich wünschte ich wäre etwas JS-begabter, aber es soll wohl nicht so sein.
upset.png

Wir sollen im Fernstudium den Code eines Livetickers erläutern:
a) Programmablauf
b) Welche Inhalte und Änderungen erhalten die Variablen?
c) Was passiert in der Funktion?

Zum Programmablauf: man hat die Möglichkeit vier Angaben zu machen, die dann im Liveticker im Sekunden Takt angezeigt werden. Jede Angabe ist durch ----- getrennt. Kann jemand von euch bei b) und c) helfen? Das wäre klasse! Wie genau muss ich die Zahlen im substring verstehen?

Vielen Dank im voraus!
Liz

Hier der Code:
HTML:
<html>
<head>
<title>Liveticker</title>
<script type="text/javascript">
<!--
var trennzeichen = " * - - - - * ";

var meldungen = new Array();
meldungen [0] = prompt ("bitte erste Meldung eingeben");
meldungen [1] = prompt ("bitte zweite Meldung eingeben");
meldungen [2] = prompt ("bitte dritte Meldung eingeben");
meldungen [3] = prompt ("bitte vierte Meldung eingeben");

var Tickertext = "";
for (var i=0; i<meldungen.length; i++)
Tickertext += meldungen[i] + trennzeichen;

function Ticker(){
document.forms[0].lauf.value = Tickertext;
Tickertext = Tickertext.substring(1, Tickertext.length) + Tickertext.substring(0, 1)
setTimeout ("Ticker()", 1000);
}

//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body onload="Ticker()">
<h3>Ticker mit Javascript</h3>
<form>
<font face="Arial, Courier New, Courier">
<input type="text" name="lauf" size="30">
</font>
</form>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Hi,

zu b)
Vorbemerkung: alle Variablen werden global (auf dem window-Objekt) definiert
- meldungen wird beim Laden einmalig befüllt (Dialog), anschliessend unverändert
- trennzeichen besitzt eine feste Zeichenkette, bleibt ebenfalls unverändert
- Tickertext wird in jedem Schleifendurchlauf in einem Formlarfeld ausgegeben; anschliessend wird der erste Buchstabe am Anfang der Zeichenkette abgeschnitten und am Ende angefügt

zu c)
Mit b) wurde die Funktionsweise bereits erklärt.
1. Der aktuelle Wert wird in ein Formularfeld (Lauf) geschrieben
2. Der erste Buchstabe des Tickertexts wird abgeschnitten und ans Ende angehängt. Der neue Wert wird wieder auf Tickertext geschrieben
3. Die Funktion wird nach einem Delay von 1000 Millisekunden erneut aufgerufen.

Zu substr: http://de.selfhtml.org/javascript/objekte/string.htm#substr

Ciao
Quaese
 
Vielen Dank Quaese, jetzt ich blick ich schon mehr durch! Danke, danke!
@alxy: Auf dem Niveau des Livetickers ist auch das Fernstudium angesetzt. Schlecht erklaert, alles veraltet... macht keinen Spass.
 

Neue Beiträge

Zurück