PowerApps 制限時間タイマーを表示する

⇧戦国武将クイズアプリを作る　その4 動画内で制限時間を付ける方法を解説しました。

使用したのはタイマー。
長さをミリ秒で設定して、Startプロパティをtrueにすると、時間が進んでいくコントロールです。

そこでタイマーのTextプロパティに以下の数式を入れて、カウントダウンさせました。

Int((Self.Duration - Self.Value)*0.001+0.99)

Self.Duration=タイマー自身の長さ
Self.Value=タイマーの経過時間
ミリ秒なので、表示を秒にするため0.001を掛けています。
それだと小数点以下が表示されてしまうのでINTで整数にしています。

もしくは

Text((Self.Duration-Self.Value)+990,"s")

としても表示は同じですので、お好みで
最後に0.9秒足してるのは一瞬でも０が表示されて欲しかったから

あとは、OnTimerEndプロパティにタイムオーバー時の処理を入れればOK
私はクイズアプリに使用したので、解答ボタンの不正解時の処理と同じものを入れました。

カウントダウン開始は、次の問題を表示するボタン「Next」のOnselectプロパティに設定

UpdateContext({_Think:true})

変数_ThinkはタイマーのStartプロパティに設定しているので、「Next」ボタンを押すことでカウントダウンが始まります。

以上