creating simple countdown timer with pause functionality in Angular2

Question

I am currently working on an Ionic2 project. It a question/answer page.

I have to create a simple countdown timer with pause/resume functionality.

Scenario is, on page load, countdown timer will start with 40 minutes. On every passing minutes(60 seconds) timer will reduce 1 minute. But if user press the pause button the timer will pause, and whenever the user press resume button the timer will start from previous paused value.

Please help as I cant figure out how to achieve this.

Can you post of the code you have tried either in plunkr or any online editor? so that we can look into. — Smit
– Smit, Commented Mar 7, 2017 at 0:56

Community · Accepted Answer · 2017-05-23 12:17:36Z

1

Yes, this is very much possible. Please check these AngularJS timer examples:

https://siddii.github.io/angular-timer/examples.html#/angularjs-single-timer-demo

I would recommend some api where you can create your own "Timer" object like the Jquery timer or Angular Timer.

In Angular 2 you could use Observable.timer and described in this SO answer.

You could also check out ng2-simple-timer or ng2-timer.

Good luck!

edited May 23, 2017 at 12:17

CommunityBot

11 silver badge

answered Mar 8, 2017 at 20:13

Jim

4,3211 gold badge34 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

creating simple countdown timer with pause functionality in Angular2

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related