0.0.2 • Published 6 months ago
@angular-primitives/timer v0.0.2
@angular-primitives/timer
A several time utilities for different types of use cases:
fromTimer
- A reactive timer/countdown based on setInterval.fromWaiting
- A reactive waiting/debounce based on setTimout.
Installation
npm install @angular-primitives/timer
# or
pnpm add @angular-primitives/timer
# or
yarn add @angular-primitives/timer
fromTimer
(example)
- Reactive counter until ten
import { fromTimer } from "@angular-primitives/timer";
@Component(
...
template: `
{{ signalTimer() }}
`
)
export class SomeComponent {
signalTimer: WritableSignal<number> = fromTimer(1000, 0, (timer: any) => {
console.log(this.signalTimer())
this.signalTimer() === 10 && clearInterval(timer);
})
}
fromFormattedDiffBetweenDates
(example)
- Reactive awaiting until ten
import { signalAwaiting } from "@angular-primitives/timer";
@Component(
...
template: `
{{ signalAwaiting() ? 'completed' : 'waiting...' }}
`
)
export class SomeComponent {
signalAwaiting: WritableSignal<boolean> = fromAwaiting(10000);
}