0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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

Posted at

https://youtu.be/qcxO5YQv8GM
⇧戦国武将クイズアプリを作る その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秒足してるのは一瞬でも0が表示されて欲しかったから

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

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

UpdateContext({_Think:true})

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

以上

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?