Ionic / Angular 2 倒数计时器解决方案

Question

我正在为我的应用程序构建一个简单的 Angular 2 (4) / Ionic 2 倒数计时器，但我似乎找不到任何可用的开源解决方案，所以我想看看你们有什么建议。

这是我正在寻找的示例：

现在我发现的最好的“解决方案”是：MobiScroll CountdownTimer

但是MobiScroll 的问题在于它有相当高的许可费（将近 200 美元）。考虑到我现在只是想制作一些有趣的东西，这真的不可行。

所以我想知道是否有任何开源解决方案可供我使用，或者我是否必须实施自定义解决方案，您认为我应该开始研究哪些动画/库？

我已经搜索了 StackOverflow 问题的解决方案，但我还没有找到可靠的来源，所以如果这是重复的，我很抱歉，但我不认为它是。

Answer 1

“在我看来”会容易得多，而且很容易创建自己的东西会花费更少的时间。

你可以去这里：https://ionicframework.com/docs/api/components/datetime/DateTime/

使用 ionic 的日期时间选择器，这将使您的选择器具有原生外观，并且只需使用 typescript 从用户输入的时间开始倒计时到零。

例子：

private timer;
private maxTime = //get this from user input in the ionic time picker and convert it to seconds maybe.
StartTimer() {
    this.timer = setTimeout(x => 
       {
           if(maxTime <= 0) { alert("timer done";}
           maxTime -= 1;
           StartTimer();

       }, 1000);