イオン/角度2カウントダウンタイマーソリューション

Question

私は簡単に構築するために探しています角度2（4）/イオン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);