Angular2 Beobachtbaren Timer-Zustand

Habe ich einen timer:

initiateTimer() {
    if (this.timerSub)
        this.destroyTimer();

    let timer = TimerObservable.create(0, 1000);
    this.timerSub = timer.subscribe(t => {
        this.secondTicks = t
    });
}

Wie sollte ich hinzufügen, dass die Bedingung, um nach 60 Minuten präsentieren ein popup für den Benutzer? Ich habe versucht, auf der Suche auf ein paar Fragen (diese und diese), aber es ist nicht Sie für mich. Noch neu RxJS Muster...

InformationsquelleAutor Milo | 2017-05-03

  1. 6

    Brauchen Sie nicht RxJS. Sie können gute alte setTimeout:

    initiateTimer() {
    if (this.timer) {
        clearTimeout(this.timer);
    }

    this.timer = setTimeout(this.showPopup.bind(this), 60 * 60 * 1000);
}

    Wenn Sie wirklich müssen nutzen RxJS Sie:

    initiateTimer() {
    if (this.timerSub) {
        this.timerSub.unsubscribe();
    }

    this.timerSub = Rx.Observable.timer(60 * 60 * 1000)
        .take(1)
        .subscribe(this.showPopup.bind(this));
}

    InformationsquelleAutor Will

  2. 6

    Verwenden Sie einfach observable.timer und zu abonnieren.

    import { Component } from '@angular/core';
import { Observable } from 'rxjs/Rx';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
})
export class AppComponent {
  title = 'app works!';

  constructor(){
    var numbers = Observable.timer(10000); //Call after 10 second.. Please set your time
    numbers.subscribe(x =>{
      alert("10 second");
    });
  }
}

    Bitte sehen Sie mehr details

    Auch müssen Sie sich Abmelden. Es ist besser, wenn man obigen code in ngOnInit () und unsubscribe (abbestellen) in ngOnDestroy()

    InformationsquelleAutor Bharat Chauhan

  3. 0

    Landete ich dabei aus, was ich anfangs hatte, die gibt mir was ich brauche:

    initiateTimer() {
    if (this.timerSub)
        this.destroyTimer();

    let timer = TimerObservable.create(0, 1000);
    let hour = 3600;
    this.timerSub = timer.subscribe(t => {
        this.secondTicks = t;
        if (this.secondTicks > hour) {
            alert("Save your work!");
            hour = hour * 2;
        }
    });
}

    Ich umgesetzt habe, bevor ich versucht, was ich als Antwort markiert, so wird nur lassen Sie es hier.

    wie Sie das tun destroyTimer()?
    diese.timerSub.unsubscribe();

    InformationsquelleAutor Milo

Schreibe einen Kommentar