Search code examples
angulartimercountdown

Stop Angular2 CountDown

I'd like to stop my Countdown but it does not stops and still running I have this :

import { Subscription } from 'rxjs/Subscription';

sub: Subscription;
countDown;
count;
this.count = 100;
this.countDown = Observable.timer(0, 1000)
        .take(this.count)
        .map(() => this.count = this.count-10);

this.sub = Observable.interval(1000)
        .subscribe((val) => {
            if(this.count===0){
                this.sub.unsubscribe();
            }
        });

and when the timer equals to 0 it goes to -10, etc...

Is there another way to stop that timer?

Solution

  • I ended up creating a function called stopTimer() that is :

    stopTimer(){
        this.countDown = null;
        this.sub.unsubscribe();
}

    It will stop the Timer and will stop the CountDown.