angular-cd-timer
Advanced tools
Cd-Timer is a Angular CLI component with countup, countdown and multiple options.
This is a simple, re-usable and inter-operable timer component for Angular CLI with multiple options.
cd-timer is able to:
Demo is available on this site: http://angular-cd-timer.clemdesign.fr/
| Angular version | Library version |
|---|---|
| 4+ | 1.X.X |
| 12+ | 2.X.X |
| 13+ | 3.X.X |
Execute npm install angular-cd-timer
cd-timer count every seconds.
Import the module as standard Angular module import:
import { CdTimerModule } from 'angular-cd-timer';
@NgModule({
// ...,
imports: [
// ...,
CdTimerModule
],
// ...
})
export class AppModule { }
This simple integration <cd-timer></cd-timer> will start the timer with the default options of ticking every 1 second.
cd-timer has the following attributes:
[startTime]: Define the start time (tick count) in second. Default: 0.[endTime]: Define the end time (tick count) in second. Default: 0 (Not enabled).[countdown]: Countdown if set to true. Default: false.[autoStart]: Autostart timer if set to true. Default: true.maxTimeUnit: Define the maximum unit allowed. Default: 'day'.
day: Timer count up to day. Ex: 2d 12h 04m 12s.hour: Timer count up to hour. EX: 00d 60h 04m 12s.minute: Timer count up to minute. EX: 00d 00h 3604m 12s.second: Timer count up to minute. EX: 00d 00h 00m 216252s.format: Display timer count in predefined format. Default: 'user' or 'default'.
default: Display like 0d 0h 0m 0s.hms: Display like HH:MM:SS.ms: Display like [HH]:MM:SS. Hours are shown just when the timer pass the first 60 minutes.intelli: Display in condensed format:
user: Display according user markup in <cd-timer></cd-timer>:
[seconds]: display seconds[minutes]: display minutes[hours]: display hours[days]: display dayscd-timer has the following callbacks (event emitter):
(onComplete): Called when tick count reach endTime or 0. Argument is CdTimerComponent.(onTick): Called each tick count. Argument is TimeInterface.(onStart): Called when timer starts. Argument is CdTimerComponent.(onStop): Called when timer stop. Argument is CdTimerComponent.cd-timer is controlable by the following public methods:
| Method name | Description |
|---|---|
start() | Start timer from 0. |
stop() | Stop timer. |
resume() | Resume timer from the last tick count. |
reset() | Stop and reset timer. |
get() | Get time information by TimeInterface object. |
Timer shall be bind with @ViewChild() in Angular App.
We welcome any or all kinds of contributions! Please submit [pull requests](https://github.com/clemdesign/angular-cd-timer/pulls or create issues to contribute to this project :)
Under MIT Copyright (c) 2018-2021 clemdesign
v3.0.0
FAQs
Cd-Timer is a Angular CLI component with countup, countdown and multiple options.
The npm package angular-cd-timer receives a total of 4,933 weekly downloads. As such, angular-cd-timer popularity was classified as popular.
We found that angular-cd-timer demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
pnpm 10 blocks lifecycle scripts by default to improve security, addressing supply chain attack risks but sparking debate over compatibility and workflow changes.
Product
Socket now supports uv.lock files to ensure consistent, secure dependency resolution for Python projects and enhance supply chain security.
Research
Security News
Socket researchers have discovered multiple malicious npm packages targeting Solana private keys, abusing Gmail to exfiltrate the data and drain Solana wallets.