ng2-countdown-timer

Angular 6 | Countdown timer

Countdown timer module (from current date to the given in the binding date).

Instalation

npm install ng2-countdown-timer

In your app.module, add CountdownModule to your imports:

import { CountdownModule } from "ng2-countdown-timer";
 
@NgModule({
   declarations: [
     AppComponent
   ],
   imports: [
     BrowserModule,
     CountdownModule
   ],
   bootstrap: [AppComponent]
 })

Usage

In your html template:

<countdown units="Year | Month | Days | Hours | Minutes | Seconds"  end="July 22, 2019"></countdown>

To set a custom Language and divider, set this variable in your component.ts file:

text:any = {
    Year: 'Year',
    Month: 'Month',
    Weeks: "Weeks",
    Days: "Days",
    Hours: "Hours",
    Minutes: "Minutes",
    Seconds: "Seconds",
    MilliSeconds: "MilliSeconds"
  };

In your .html:

<countdown [text]="text" units="Year | Month | Days | Hours | Minutes | Seconds"  end="July 22, 2019"></countdown>

Thanks in advice matheushf for the concepts. Inspired on the component: https://raw.githubusercontent.com/matheushf/ng2-date-countdown