https://github.com/jonkirathe/count-down-timer

This is an Angular timer that can be used with Angularv16 and above which supports standalone.
https://github.com/jonkirathe/count-down-timer

angular angular16 timer-clock typescript

Last synced: 2 days ago
JSON representation

This is an Angular timer that can be used with Angularv16 and above which supports standalone.

• Host: GitHub
• URL: https://github.com/jonkirathe/count-down-timer
• Owner: jonkirathe
• License: mit
• Created: 2023-09-21T12:07:49.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-10T19:54:24.000Z (8 months ago)
• Last Synced: 2025-04-13T19:41:57.490Z (15 days ago)
• Topics: angular, angular16, timer-clock, typescript
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/@kirathe/count-down-timer?activeTab=readme
• Size: 152 KB
• Stars: 15
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# @kirathe/count-down-timer

[![Love Angular badge](https://img.shields.io/badge/angular-love-blue?logo=angular&angular=love)](https://www.github.com/angular/angular)

Simple, easy-to-use, countdown for angular

![Static Badge](https://img.shields.io/badge/build-passing-brightgreen)

![npm](https://img.shields.io/npm/v/%40kirathe%2Fcount-down-timer)

![npm collaborators](https://img.shields.io/npm/collaborators/%40kirathe%2Fcount-down-timer)

![GitHub Repo stars](https://img.shields.io/github/stars/JonnyKratz/count-down-timer)

![GitHub all releases](https://img.shields.io/github/downloads/Jonnykratz/count-down-timer/total)

![GitHub Sponsors](https://img.shields.io/github/sponsors/Jonnykratz)

![GitHub language count](https://img.shields.io/github/languages/count/Jonnykratz/count-down-timer)

![GitHub last commit (by committer)](https://img.shields.io/github/last-commit/Jonnykratz/count-down-timer)

![GitHub followers](https://img.shields.io/github/followers/Jonnykratz)

![GitHub forks](https://img.shields.io/github/forks/JonnyKratz/count-down-timer)

![X (formerly Twitter) URL](https://img.shields.io/twitter/url?url=https%3A%2F%2Ftwitter.com%2Fkirathendegwa)

![X (formerly Twitter) Follow](https://img.shields.io/twitter/follow/kirathendegwa)

![GitHub package.json version (branch)](https://img.shields.io/github/package-json/v/JonnyKratz/count-down-timer/main)

## Usage

### 1. Install

```

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

```

### 2、Template

```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:

    

        

            

			Count Down To The Next Release: {{ days }}

              Day(s) {{ hours }}: {{ minutes }}: {{ seconds }}

			

        

    

```

## Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use [GitHub Issues](https://github.com/Jonnykratz/count-down-timer/issues) board to report bugs and feature requests (not our email address)

2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.

Thanks for understanding!

### License

The MIT License (see the [LICENSE](https://github.com/Jonnykratz/count-down-timer/blob/main/LICENSE) file for the full text)