Power Appsで現在時刻を表示するのに、テキストラベルコントロールのTextプロパティに Now() と設定しただけでは、アプリの起動時間を表示するだけで、時刻は更新してくれません。

そこで、タイマーコントロールを用い、定期的に現在時刻を取得し、テキストラベルへ時刻を表示するようにします。

タイマーは、定期的に処理を行うためのコントロールです。

タイマーの配置

タイマーコントロールは

挿入→入力→タイマー

でタイマーを配置します。

タイマーを配置すると、時間が配置されたボタンのようなコントロールが表示されますが、最終的に非表示にするので、配置場所は、どこでも構いません。

タイマーのプロパティ設定

タイマーのプロパティを初期状態から、以下のように変更します。

プロパティ	設定値	意味
AutoStart	true	アプリ起動時にタイマーを動かす(true)、動かさない(false)の設定
Duration	1000	タイマー処理の更新間隔をmSec単位で指定します。
OnTimerStart	Set(_nowTime, Now())	タイマーの更新時に行う処理。ここでは、_nowTimeという変数に現在時刻(Now())を設定しています。
Repeat	true	タイマー処理を繰り返し行う(true)、行わない(false)の設定
Visible	false	タイマーコントロールの表示(true)、非表示(false)設定

この設定で、現在時刻が_nowTimeに代入され、値が１秒おきに更新されます。

現在時刻表示用にテキストラベルを配置します。

挿入→ディスプレイ→テキストラベル

で、配置します。

ラベルの配置や大きさは、好みの設定で構いませんが、以下のような設定にしました。

プロパティ	設定値	意味
Size	50	テキストのフォントサイズ
Text	_nowTime	ラベルの表示する文字

Textラベルには、タイマーで更新される現在時刻(_nowTime)を設定しています。

現在の設定では、時刻が分単位なので、分かりづらいですが、１秒おきに更新処理が行われ、現在時刻が表示されます。

時刻表示のフォーマットを設定するには、Text関数を用います。

上記の実行結果は、現在時刻が

2025年2月16日 10時50分

という表示になっていますが、これを

2025年2月16日 10:50:30

のように秒単位まで表示したいと思います。

このようにするには、テキストラベルのTextプロパティを以下のように設定します。

Text(_nowTime,"yyyy年m月d日 hh:mm:ss")

ここで使用しているyyyyやmの意味は以下の通りです。

文字	意味
yyyy	西暦を４桁で表示します。２桁で表示する場合は yy
m	月を１桁で表示します。１桁の月に０を付けて２桁表示する場合は mm にします。
d	日を１桁で表示します。１桁の日に０を付けて２桁表示する場合は dd にします。
hh	時間を２桁表示します。
mm	分を２桁表示します。
ss	秒を2桁表示します。

詳細は以下のマイクロソフトのページを参照ください。

ただし、yyなどの文字の部分が無理やり日本語に翻訳されてしまっているので、ページの右上にある地球儀マークをクリックして、英語ページでも内容を確認してください。

これで、自分のやりたかった表示になってくれました！