Praxis mit Timern und DOM-Manipulation in JavaScript
Gegeben ist ein Button. Gegeben ist ein Absatz, dessen Text
eine Zahl ist. Beim Klick auf den Button
soll ein Timer starten, der jede Sekunde den
Text des Absatzes um 1 erhöht.
Gegeben ist ein Button. Gegeben ist ein Absatz, dessen Text
eine Zahl ist, zum Beispiel 10. Beim Klick
auf den Button soll ein Timer starten, der jede
Sekunde den Text des Absatzes um 1 verringert.
Sobald der Wert des Absatzes Null erreicht
- soll der Timer gestoppt werden.
Gegeben ist ein Input-Feld mit einer Zahl. Sorgen Sie dafür, dass jede Sekunde das Quadrat der Zahl, die in ihm steht, darin erscheint.
Gegeben ist ein Input-Feld. Es wird eine Zahl eingegeben. Beim Verlust des Fokus soll im Absatz unten ein Countdown beginnen, startend mit der eingegebenen Zahl. Wenn der Countdown Null erreicht - soll er enden.
Gegeben ist ein Input-Feld, ein Button und ein Absatz. In das Input-Feld wird eine Zahl eingegeben. Beim Klick auf den Button soll die eingegebene Zahl in den Text des Absatzes geschrieben werden und ein Countdown im Absatz starten: die Zahl im Absatz soll sich jede Sekunde um eins verringern, bis sie Null erreicht.
Gegeben ist ein Absatz und zwei Buttons. Sorgen Sie dafür,
dass beim Klick auf den ersten Button im Absatz ein
Timer von 1 bis unendlich läuft,
und beim Klick auf den zweiten Button der Timer angehalten wird.
Gegeben ist ein Absatz. Sorgen Sie dafür, dass jede Sekunde er seine Farbe von Rot auf Grün und umgekehrt wechselt.
Wenn man jede Sekunde den aktuellen Zeitpunkt auf den Bildschirm ausgibt, kann man eine tickende Uhr realisieren. Implementieren Sie eine solche Uhr, wie im folgenden Beispiel gezeigt: