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

Question

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

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

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

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

Answer 1

是的，这很有可能。请检查这些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-timer或ng2-timer。

祝你好运！