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

Question

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

以下是我正在寻找的一个例子：

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

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

所以我想知道是否有任何开源解决方案，我可以利用，或者如果我必须实现自定义解决方案，你认为我应该开始考虑哪些动画/库？

我已经在StackOverflow问题中搜索了一个解决方案，但我还没有找到一个可靠的来源，所以如果这是重复的话我会道歉，但我认为不是。

Answer 1

“在我看来”会更容易，而且很容易创建自己的时间。

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

使用离子的日期时间选择器，这将为您的选择器提供原生外观，并且只需使用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);