10+ Angular 2 Timers Countdowns Clocks

Tick tock tick tock wakey wakey it’s time to find some time for our Angular 2 Timers Countdowns Clocks! Ok puns asides just check them out below. And leave a comment if it helped you solve the time space continuum.

1. Angular 2 Simple Timer Service Example

Angular 2 Simple Timer Service Example
Angular 2 Simple Timer Service Example

A simple timer service for Angular 2, base on RxJS.

Demo Code

2. Angular 2 Timer

Angular 2 Timer
Angular 2 Timer

This is Part 1 for creating a ‘Simple Timer using Angular 2 & RxJS’.

Article Code

3. Angular 2 Ionic 2 Countdown Timer

Angular 2 Ionic 2 Countdown TimerAngular 2 Simple Timer Service Example2
Angular 2 Ionic 2 Countdown Timer

Want a simple countdown timer for your Ionic 2 app? Here’s a quick one I made. It’s not fancy, but it works and does the job it needs to do for my app.

Article

4. ng2 Simple Clock RxJS

ng2 Simple Clock RxJS
ng2 Simple Clock RxJS

A simple timer service for Angular 2, base on RxJS. Name/ID(string) base API. RxJS object not exposed.

Demo Code

5. Angular 2 Clock

Angular 2 Clock
Angular 2 Clock

This repository contains native AngularJS directives to render a clock face.

Demo & Documentation Code

6. Angular 2 FlipClock.js

Angular 2 FlipClock
Angular 2 FlipClock.js

It was determined a proper extendible API needed to be written to create any kind of clock or counter (and the flip effect is just cool).

Article Demo

7. Angular 2 3D Flip Card Timer


Angular 2 3D Flip Card Timer
Angular 2 3D Flip Card Timer

This is a Clock with flipping cards demo. Used CSS transform and transition properties for the flip effect and angular.js

Demo Code

8. Angular 2 Timer Example

Angular 2 Timer Example
Angular 2 Timer Example

In this tutorial, first we will create a pomodoro timer using Angular 1. Then, we will re-create the same pomodoro timer using Angular 2.

Article

9. ng2-countdown

ng2-countdown
ng2-countdown

Angular2 contdown is complatible with latest release of angular 2.x.x.

Code

10. Angular2-clock

Angular2-Clock
Angular2-clock

A simple time display module with ability to update on a timer

Code

Sam is a web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and love to share what he learns.

Leave a Reply

Your email address will not be published. Required fields are marked *