eine einfache Animation

Man werfe einen kurzen Blick auf den Anzeigeblock.

er besteht aus 4 Elementen:
• dem Auswahlfeld <select> mit den <option>en
• dem Schaltknopf <input type=button>
• einem einfachen <span id=n_verlauf>-Feld für Kommentare
• und dem der Anzeigebox <div id=zahl1> mit rotem Rahmen und großer Schrift.

die Funktion click_butt() wird aufgerufen, wenn der Startknopf angeclickt wird. Je nachdem in welchem Zustand der Knopf ist

• start - alle Variablen müssen initialisiert werden.
• stop - die Variable "motion=false" wird gesetzt.
• weiter - die Variable "motion=true" wird gesetzt.

außerdem wird die Funktion window.setTimeout( func(), dauer) aufgrufen. Nach einer durch "dauer" festgelegten Zeit wird hier die function zeit_schleife() aufgerufen.

das ist die Grundfunktion für die Animation. Hier in diesem Beispiel wird eine Zahl "akt_i" hochgezählt. Zusätzlich wird noch kontrolliert, dass sie kleiner als ein Maximalwert bleibt. Das macht die Funktion next_i().

Diese Zahl wird dann in die Anzeige_box <div id=zahl1> gebracht.

Damit die Animation weitergeführt wird wird mit window.setTimeout( "zeit_schleife()", milli_sec) ein weiterer Aufruf vorbereitet.

die Function chg_ms() aktualisiert den Wert für "milli_sec", wenn die Auswahlbox betätigt wurde

und hier der zugehörige javascript-Quelltext

nächstes Beispiel