2017-03-07 6 views
0

現在Ionic2プロジェクトで作業中です。それは質問/回答ページです。Angular2のポーズ機能付きの単純なカウントダウンタイマーを作成

一時停止/再開機能付きの簡単なカウントダウンタイマーを作成する必要があります。

シナリオは、ページの読み込み時にカウントダウンタイマーが40分で開始されます。 1分ごとに(60秒)タイマーが1分短縮されます。しかし、ユーザーが一時停止ボタンを押すと、タイマーは一時停止し、ユーザーが再開ボタンを押すたびに、タイマーは以前の一時停止した値から開始します。

私はこれを達成する方法を理解できませんのでお手伝いしてください。

+0

plunkrやオンラインエディタで試したコードを投稿できますか?我々が見ることができるように。 – Smit

答えて

0

はい、非常に可能です。例タイマこれらAngularJSを確認してください:

https://siddii.github.io/angular-timer/examples.html#/angularjs-single-timer-demo

私はあなたがjQueryのタイマまたは角度タイマーのような独自の「タイマー」オブジェクトを作成することができ、いくつかのAPIをお勧めします。

角2では、Observable.timerを使用でき、this SO answerで説明しています。

また、ng2-simple-timerまたはng2-timerをチェックアウトすることもできます。

幸運を祈る!

関連する問題