Working With Timer Control In Microsoft PowerApps

Before reading this article, please go through the articles, mentioned below.

In PowerApps, we can Add the Timer control.

Timer Control

A Timer control determines how your app responds after a certain amount of time passes. They are independent of the user and you can program them to take actions at regular intervals.

Follow the steps, mentioned below to work with Timer control in PowerApps.

Step 1

Log into the PowerApps

After downloading PowerApps from the Windows store, we need a Microsoft related organization’s Office 365 ID or (MSDN, Microsoft, Skype, Office 365 etc.) to login with it.

Dashboard

Step 2 
 
Create a New App in PowerApp

After login, we can see the Dashboard. Subsequently, we click on the New button.

Dashboard

Step 3

Choose the Blank app.

Dashboard

Step 4 
 
Designing the App

Now, let's start designing the app. On the left side, we can see the Individual Screens to add our data. On the right side, we can see the List of Layouts. On the top, we can see the formula bar. Subsequently, you see the Properties of the screen, which you selected. On the right side, we see the Add DataSource to add the external DataSource.

Control

Step 5

Drag and drop the Timer control.
  1. Go to the Insert menu followed by Controls and drag the Timer control.

    Control

  2. Drop the Timer control on the screen to fit.

    Control

  3. Rename the TimerCount.

    Control

  4. Add the Options -Time Duration
    Select the Timer control and set the time duration to 10000 to Duration Property.

    Control

  5. Add the Option – Auto Start
    Set the AutoStart property to true. Thus, without the user input, the timer starts its work.

    Control

  6. Add the Option – Repeat.
    Set the Repeat Property to True. It forms a loop of Timer.

    Control

Step 6

Drag and drop the Textbox Control Tool

If the timer runs, the text box displays the remaining time to start or stop.
  1. Go to the Insert Menu and choose Text box.

    Control

  2. Drag the Text box control to the screen.

    Control

  3. Add Coding

Select the Timer control and add the coding to the Text property

Coding

"Number of seconds remaining: " & RoundUp(10-Countdown.Value/1000, 0)

Control

Step 7

Run the app.

Control

Output

Main Screen will look as follows.



Output will look as follows.

Control

Conclusion

I hope, you understood how to add the Timer control in Microsoft PowerApps and how to run it.


Similar Articles