@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);
}