Zeitschleife mit setInterval()

Javascript

---

<script>

    let i;

    function zahlen() {
        document.meinformular.meintextfeld.value = i;
        i++;
    }
    setInterval(zahlen, 1000);
    </script>

---

HTML

---

<form name="meinformular" id="meinformular">
<input name="meintextfeld" type="text" id="meintextfeld" class="textfeld">
</form>

---

---

Mittels setInterval() kann man einfach eine Zeitschleife programmieren. Der erste Parameter benötigt einen Verweis auf eine Funktion, der zweite Parameter die Dauer des Zeitintervals in Millisekunden

---

Ihr solltet jetzt in der Lage sein, eine Anzeige in Minuten und Sekunden ohne Hilfe selber zu erzeugen. Ihr braucht dazu 2 weitere Variablen (Minuten, Sekunden) und eine if-Struktur. Wenn die Sekunden höher als 60 sind, werden sie auf 0 gesetzt und die Minuten werden um 1 erhöht.

Wenn man eine Uhr mit Zeigern programmieren will, kann man Bilder für die Zeiger verwenden und diese mit CSS drehen.

---

Zeitanzeige starten

---

Javascript Tipps