All Projects → previousdeveloper → angular2-simple-countdown

previousdeveloper / angular2-simple-countdown

Licence: MIT license
a simple countdown angular2 directive with multiple language

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to angular2-simple-countdown

react-timer-wrapper
Composable React Timer component that passes status props to children, in addition to some basic callbacks. Can be used at a countdown timer ⏲ or as stopwatch ⏱ to track time while active.
Stars: ✭ 14 (-46.15%)
Mutual labels:  countdown
angular-preloading-strategies
A demo of custom preloading strategies with Angular
Stars: ✭ 13 (-50%)
Mutual labels:  angular2
analytics-angular
The hassle-free way to integrate analytics into your Angular application.
Stars: ✭ 69 (+165.38%)
Mutual labels:  angular2
ngx-redux-core
The modern redux integration for Angular 6+
Stars: ✭ 32 (+23.08%)
Mutual labels:  angular2
NG2-Admin-Asp-Core-Boilerplate
Multi API Admin panel developed on ASP.NET Boilerplate, Bootstrap 4, and Angular2 (typescript). For frond-end theme is used ng2 admin theme.
Stars: ✭ 31 (+19.23%)
Mutual labels:  angular2
material-todo
Angular Material Design Todo App
Stars: ✭ 27 (+3.85%)
Mutual labels:  angular2
ngx-signalr-hubservice
Makes using SignalR in Angular 2/4 easy
Stars: ✭ 24 (-7.69%)
Mutual labels:  angular2
angular-build-info
🛠 A CLI to generate an easily importable `build.ts` file containing various details about the application build
Stars: ✭ 25 (-3.85%)
Mutual labels:  angular2
typesafe-i18n
A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.
Stars: ✭ 1,227 (+4619.23%)
Mutual labels:  angular2
tiny-timer
🕑 Small countdown timer and stopwatch module.
Stars: ✭ 39 (+50%)
Mutual labels:  countdown
YOP
Year Of Programmers: 개발자 회고록 아카이브
Stars: ✭ 42 (+61.54%)
Mutual labels:  angular2
ng2-gridstack
A gridstack component for Angular2+
Stars: ✭ 12 (-53.85%)
Mutual labels:  angular2
puppy-love
A cryptographically secure couple matching platform with strong guarantees
Stars: ✭ 61 (+134.62%)
Mutual labels:  angular2
ng2-stompjs-demo
Angular 2 demo using stomp.js in Typescript
Stars: ✭ 42 (+61.54%)
Mutual labels:  angular2
use-countdown-timer
React hook exposing a countdown timer with optional expiration reset callbacks
Stars: ✭ 31 (+19.23%)
Mutual labels:  countdown
Convenience
.NET Core 5/Angular11/NG-ZORRO 权限管理系统 工作流系统
Stars: ✭ 74 (+184.62%)
Mutual labels:  angular2
Motivation
⏲️ Countdown that terrifyingly shows your age
Stars: ✭ 34 (+30.77%)
Mutual labels:  countdown
ng-pdf-make
This is library creates a bridge to use pdfmake library with your angular 2 implementation.
Stars: ✭ 15 (-42.31%)
Mutual labels:  angular2
howlonguntilprayuthleaves.com
นับเวลาถอยหลังถึงวันที่พลเอกประยุทธ์ จันทร์โอชา หมดวาระการเป็นนายกรัฐมนตรี
Stars: ✭ 29 (+11.54%)
Mutual labels:  countdown
ng2-acl
Role based permissions for Angular v2++
Stars: ✭ 15 (-42.31%)
Mutual labels:  angular2

angular2-simple-countdown

a simple countdown angular2 directive with multiple language

npm version

Installation

Npm

npm install angular2-simple-countdown

Usage

import {CountDown} from "../../node_modules/angular2-simple-countdown/countdown";

@NgModule({
  declarations: [
    CountDown
  ],
  ....
  
  })

text: any = { "Weeks": "Weeks", 
    "Days": "Days", "Hours": "Hours",
     Minutes: "Minutes", "Seconds": "Seconds",
    "MilliSeconds":"MilliSeconds" };

`Change Default Text`
<count-down [text]="text" units="Days | Hours | Minutes | Seconds | Milliseconds" end="February 22, 2016"></count-down>



<count-down units="Days | Hours | Minutes | Seconds | Milliseconds" end="February 22, 2016"></count-down>
<count-down units="Days | Hours " end="February 22, 2016"></count-down>
<count-down units="Days | Hours | Minutes | Seconds" end="February 22, 2016"></count-down>

Field Schema

count-down: initializes directive

end-date: the end date. takes any format js Date() allows

units: which units you want the countdown to be viewed in

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].