Erstellen von einfachen Countdown-Timer mit Pause-Funktionalität in Angular2

Question

Ich arbeite derzeit an einem Ionic2-Projekt. Es ist eine Frage-/Antwortseite.

Ich muss einen einfachen Countdown-Timer mit Pause/Fortsetzen-Funktion erstellen.

Szenario ist, beim Laden der Seite beginnt Countdown-Timer mit 40 Minuten. In jedem verstreichenden Minuten (60 Sekunden) Timer wird 1 Minute reduzieren. Wenn der Benutzer jedoch die Pause-Taste drückt, wird der Timer angehalten, und wenn der Benutzer die Fortsetzen-Taste drückt, beginnt der Timer mit dem vorherigen pausierten Wert.

Bitte helfen Sie mir, wie ich nicht herausfinden kann, wie dies zu erreichen ist.

Answer 1

Ja, das ist sehr viel möglich. Bitte überprüfen Sie diese AngularJS Timer Beispiele:

https://siddii.github.io/angular-timer/examples.html#/angularjs-single-timer-demo

Ich würde einige api empfehlen, wo Sie Ihre eigene "Timer" Objekt wie die JQuery-Timer oder Angular Timer erstellen können.

In Angular 2 könnten Sie Observable.timer und in this SO answer beschrieben verwenden.

Sie können auch ng2-simple-timer oder ng2-timer überprüfen.

Viel Glück!