【问题标题】:Ionic / Angular 2 Countdown timer solutionsIonic / Angular 2 倒数计时器解决方案
【发布时间】:2017-07-18 19:35:29
【问题描述】:

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

这是我正在寻找的示例:

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

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

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

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

【问题讨论】:

    标签: javascript node.js angular ionic2 mobiscroll


    【解决方案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);
    

    【讨论】:

      猜你喜欢
      • 2017-11-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-30
      • 1970-01-01
      • 2018-07-24
      • 2017-12-25
      相关资源
      最近更新 更多