angular8-countdown-timer

This library was created because no simple countdown timer was available that would work with Angular's AOT compiler.

Installation

To install this library, run:

npm install angular8-countdown-timer --save

Use within your module

Add the following lines to your angular module:

import {NgModule} from '@angular/core';

// Import the Countdown timer module
import {AngularCountdowntimerModule} from 'angular-countdowntimer';

@NgModule({
    imports: [
        AngularCountdowntimerModule
    ]
})
export class YourModule {
}

Usage within your component:

import { Component } from '@angular/core';

@Component({
    selector: 'app-your',
    templateUrl: './your.component.html',
    styleUrls: [ './your.component.css' ]
})
export class YourComponent  {
    someDate: Date;

    ngOnInit() {
        // set a date for 14 minutes and 12 seconds from now
        this.someDate = new Date( Date.now() + (14 * 60 + 12) * 1000 );
    }

    myTriggerFunction() {
        console.log('triggered!');
    }
}

Usage within your template:

<h1>This is a title</h1>

<p>
    Without always showing hours:
    <countdown-timer [endDate]="someDate" (zeroTrigger)="myTriggerFunction()"></countdown-timer>
</p>

<p>
    With always showing hours:
    <countdown-timer [endDate]="someDate" [alwaysShowHours]="true"></countdown-timer>
</p>