ngx-countdown-2

ngx-countdown

Simple, easy and performance countdown for angular

Versions:

Angular Version	ngx-countdown
Angular5
Angular4	1.0.6

Demo

Live Demo

Usage

1. Install

npm install ngx-countdown-2 --save

import CountdownModule。

import { CountdownModule } from 'ngx-countdown';
 
@NgModule({
    imports: [ BrowserModule, CountdownModule ],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule { }

2、Template

<countdown [config]="config"
    (start)="onStart()"
    (finished)="onFinished()"
    (notify)="onNotify($event)"></countdown>

Name	Type	Default	Summary
config	Config	-	see Config
begin()	-	-	Triggers when {demand: false}
restart()	-	-	-
stop()	-	-	-
pause()	-	-	-
resume()	-	-	-
start	EventEmitter	-	Triggers when start
finished	EventEmitter	-	Triggers when finished
ticker	EventEmitter	-	Triggers every second
notify	EventEmitter(time: number)	-	Triggers when notify, need setting config.notify values
event	EventEmitter<{ action: string, left: number }>	-	Catch all event

How call component methods

@ViewChild(CountdownComponent) counter: CountdownComponent;
resetTimer(){
    this.counter.restart();
    this.counter.stop();
    this.counter.pause();
    this.counter.resume();
}

Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use GitHub Issues board to report bugs and feature requests (not our email address)
2. Please always write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!

License

The MIT License (see the LICENSE file for the full text)