Aus dem Kurs: React Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Solution: Stoppuhr

Solution: Stoppuhr – Tutorial zu React.js

Aus dem Kurs: React Grundkurs

Gratismonat starten Für Ihr Team erwerben

Solution: Stoppuhr

“

(Musik) Waren Sie erfolgreich mit Ihrer Implementierung der Challenge? Wir schauen uns nun an, wie eine Stoppuhr implementiert werden kann. Sie sehen hier die Vorlage aus dem Git Repository mit statischen Daten. Sie finden dort auch bereits vorgefertigte Funktionen, auf die Sie zurückgreifen können. Mit millisecondsToParts können Sie Millisekunden in die Bestandteile Stunden, Minuten, Sekunden und Hundertstel aufsplitten. Diese Bestandteile können Sie dann an die formatTime-Function übergeben, um daraus einen Text zu formatieren. In Schritt 1 wollen wir, dass die gegebenen 10500 Millisekunden, also 10,5 Sekunden, statisch angezeigt werden, denn aktuell übergeben wir fromatTime nur 1, 2, 3, 4. Dazu übergeben wir die Millisekunden an die Funktion millisecondsToParts und speichern dann die Bestandteile über Destructuring in Variablen. Diese Bestandteile wollen wir nun weiter an die formatTime-Function geben. Beim Speichern werden dann unsere 10,5 Sekunden in der Stoppuhr angezeigt. Wir…

Inhalt