Eckige 2 - Countdown-timer
Ich bin bereit zu tun, einen countdown-timer in den Winkel-2, die aus 60 (ich.e 59, 58,57, etc...)
Dafür habe ich die folgenden:
constructor(){
Observable.timer(0,1000).subscribe(timer=>{
this.counter = timer;
});
}
Oben, tickt jede Sekunde, die ist in Ordnung; allerdings geht es in aufsteigender Reihenfolge, um eine unbegrenzte Anzahl.
Ich bin nicht sicher, ob es einen Weg gibt, um es zu optimieren, so kann ich einen countdown-timer.
InformationsquelleAutor Folky.H | 2017-06-11
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es gibt viele Weg, dies zu erreichen, wird ein einfaches Beispiel ist die Verwendung der
take
BetreiberHier ist ein live plnkr
Update
Einen besseren Weg! erstellen Sie einen Zähler Richtlinie
Verwendung:
Hier ist eine live - stackblitz
Mutiert externen Zustand innerhalb eines zusammengesetzten beobachtbar ist selten eine gute Idee und hier ist es unnötig. Eine alternative:
Observable.timer(0, 1000).map(value => 60 - value).takeWhile(value => value > 0)
dies ist nicht ein Staat. es ist nur ein countdown-timer
es ist ein
repeat()
- operator, der verwendet werden kann, die am Ende der Kettevielen Dank für diesen Mann, ich fügen Sie es in das Ende des Codes, aber es weiterhin negativen Wert. können Sie liefern Beispiel arbeiten? es scheint ich habe Probleme herauszufinden. übrigens im gerade neu in Winkel-und Typoskript 🙂
InformationsquelleAutor Murhaf Sousli
Import-in-Komponente:
Funktion CountDown:
Html :
finden Sie diese link
InformationsquelleAutor Mohammad Daliri