在Angular2中创建具有暂停功能的简单倒数计时器

时间:2017-03-07 00:54:55

标签: angular

我目前正在开展Ionic2项目。这是一个问答页面。

我必须创建一个具有暂停/恢复功能的简单倒数计时器。

场景是,在页面加载时,倒数计时器将以40分钟开始。每过一分钟(60秒),计时器将减少1分钟。但是,如果用户按下暂停按钮,计时器将暂停,每当用户按下继续按钮时,计时器将从之前的暂停值开始。

请帮助,因为我无法弄清楚如何实现这一点。

1 个答案:

答案 0 :(得分:0)

是的,这很有可能。请检查这些AngularJS计时器示例:

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

我会推荐一些api,您可以在其中创建自己的“Timer”对象,如Jquery计时器或角度计时器。

在Angular 2中,您可以使用Observable.timer并在this SO answer中进行描述。

您还可以查看ng2-simple-timerng2-timer

祝你好运!