Working With Timer Control In Microsoft PowerApps

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

• Quick Start on Microsoft PowerApps
• To Use Template
• To Use Blank App
• To Add Excel File
• To Use Sort And SortByColumn Functions
• To Use Filter, Search, And LookUp Functions
• To Add Contacts
• To Get User Details
• Developing Camera App
• Using Radio Button
• Developing Drawing App
• Using ListBox Control
• Adding Audio & Video Control

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.



Step 2 

 

Create a New App in PowerApp

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



Step 3

Choose the Blank app.



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.



Step 5

Drag and drop the Timer control.

1. Go to the Insert menu followed by Controls and drag the Timer control.
   
   
   
   
2. Drop the Timer control on the screen to fit.
   
   
   
   
3. Rename the TimerCount.
   
   
   
   
4. Add the Options -Time Duration
   Select the Timer control and set the time duration to 10000 to Duration Property.
   
   
   
   
5. Add the Option – Auto Start
   Set the AutoStart property to true. Thus, without the user input, the timer starts its work.
   
   
   
   
6. Add the Option – Repeat.
   Set the Repeat Property to True. It forms a loop of Timer.
   
   
   

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.
   
   
   
   
2. Drag the Text box control to the screen.
   
   
   
   
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)



Step 7

Run the app.



Output

Main Screen will look as follows.



Output will look as follows.



Conclusion

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