Ngx-Chronometer

Directive chronometer.

Installing

Run npm i ngx-chronometer.

Quickstart

Import ngx-chronometer in you module page.

``typescript
// Import the module
import { NgxChronometerModule } from 'ngx-chronometer';
...
@NgModule({
(...)
imports: [
NgxChronometerModule
],
(...)
})
export class PageModule {}
`

Usage


`typescript
chronometer: Chronometer = new Chronometer();
`

`html



`

or Array

`typescript
chronometers: Array = Array();
`

`html



`

$3

`typescript
refresh(chronometer: Chronometer) {
chronometer.status = StatusChonometer.start;
chronometer.second = chronometer.second + 20;
chronometer.refresh();
}
`

`html



`

$3

`typescript
onChronoEvent(chronometer: Chronometer) {
console.log(chronometer);
}
`

`html



`

Example

`typescript
ngOnInit(): void {
this.chronometers = new Array(
new Chronometer({
id: 1,
status: StatusChonometer.start
}),
new Chronometer({
id: 2,
second: 400,
limitSecond: 1200 // limit second pause the chronometer
}),
new Chronometer({
id: 3,
status: StatusChonometer.start,
maxSecond: 20, // default 60
maxMinute: 40, // default 60
maxHour: 60 // default 60
})
);
}

run(chronometer: Chronometer, status: StatusChonometer) {
chronometer.status = status;
switch (chronometer.status) {
case StatusChonometer.pause:
chronometer.pause();
break;
case StatusChonometer.restart:
chronometer.restart();
break;
case StatusChonometer.start:
chronometer.start();
break;
default:
break;
}
}
`

`html



`

$3

`typescript
enum StatusChonometer {
desactived = 0,
pause = 1,
start = 2,
finish = 3,
restart = 4,
stop = 5,
refresh = 6
}
`

$3


`typescript
format = '00:00:00'; // delimiter char "/, :, -" used const sep = this.format.split('00');
maxSecond = 60; // defaul 60
maxMinute = 120; // defaul 60
maxHour = 60; // defaul 60
`
`html


``