Timer Control In Power Apps

Power Apps is a suite of apps, services, connectors, and data platforms that provides a rapid application development environment to build custom apps for your business needs. For more details please click here.

Timer control can determine how your app responds after a certain amount of time passes. Timers can, for example, determine how long a control appears or change other properties of control after a certain amount of time has passed.

Reading this article, you can learn how to use Timer control in Microsoft Power Apps.

Step 1

Open the URL https://powerapps.microsoft.com/en-us/ in the browser for Power apps,

Create an account with your Organisation Mail ID and login it, After login your Power Apps account,

Step 2

First, Click Create (+ ) and Select the Canvas app from blank.

Next, Give the App name as PATimerand Format as Phone and then click Create.

Now, In the Power Apps studio environment, Select the Create a form option,

Step 3

To test the Timer control, Rename the Screen name as ScrTimer, Rename the Form name as FrmTimer,

Add the following controls in the Form window for Timer Control feature view,

Insert the Label Control and set the Name property as LblName and Text Property as Timer Control in Power Apps.

Insert the Timer Control and set the Name property as TimTest and set the Duration value as 10000, Autostart, Autostop, Repeat as false and set the Start property as TimeMng.

Insert the Button Control and set the Name property as BtnStart and Text Property as Start and OnSelect property as UpdateContext({TimeMng: true}).

Insert the Button Control and set the Name property as BtnStop and Text Property as Stop and OnSelect property as UpdateContext({TimeMng: false}).

Insert the Button Control and set the Name property as BtnReset and Text Property as Reset and OnSelect property as UpdateContext({Reset: false}); Reset(TimTest); UpdateContext({Reset: true}).

Next, We can Insert the Label Control and set the Name property as LblRemain and Text Property as "Number of seconds remaining: " & RoundUp(10-TimTest.Value/1000, 0).

Step 4

Now we can see the preview of your App in Power Apps Studio, and the output of the PATimeris,

After Click the Start Button,

 After Click the Stop Button,

After Click the Reset Button,

Summary

Now you have successfully tested Timer Control - PATimerin Power Apps Studio environment. 


Similar Articles