This is a timer that displays the count down progress bar on the count down timer screen. The timer will automatically refresh every second.
npm install @kirathe/count-down-timer
npm install @kirathe/count-down-timer --save
`
import CountDownTimerComponent。
`typescript
import { CountDownTimerComponent } from '@kirathe/count-down-timer';
@Component({
selector: 'app-header',
standalone: true,
imports: [CommonModule, CountDownTimerComponent],
template:
,
styleUrls: ['./header.component.scss'],
})
export class HeaderComponent { date = new Date('2023-12-06 04:29:40'); }
`
$3
`html
If you want to use the default template, you can use the following code:
If you want to customize the template, you can use the following code:
#timerTemplate
let-days="daysToDDay"
let-hours="hoursToDDay"
let-minutes="minutesToDDay"
let-seconds="secondsToDDay">
``