# Portal timer

**URL:** <https://community.glideapps.com/t/portal-timer/80691>\
**Category:** Ask for Help\
**Tags:** tutorial\
**Created:** [March 12, 2025, 1:06pm UTC](https://community.glideapps.com/t/portal-timer/80691 "2025-03-12T13:06:22Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Braunne](https://avatars.discourse-cdn.com/v4/letter/b/71e660/32.png) [@Braunne](https://community.glideapps.com/u/Braunne)\
**Post date:** [March 12, 2025, 1:06pm UTC](https://community.glideapps.com/t/portal-timer/80691/1 "2025-03-12T13:06:22Z")

</div>

Hello everybody,

I’m using the FREE portal glide. How can I implement a timer/stopwatch component in a portal app?

Your help with this will be greatly appreciated.

Thank you

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [March 12, 2025, 4:31pm UTC](https://community.glideapps.com/t/portal-timer/80691/2 "2025-03-12T16:31:31Z")

</div>

There is a stopwatch component that you can use by enabling the preview feature in your team settings.

Also, @Jeff_Hager made an AI component stopwatch concept.

> [@new\_button (Re) Introducing the Stopwatch Component](https://community.glideapps.com/t/re-introducing-the-stopwatch-component/79249/6):
>
> Here’s my take on it using a custom AI component for a stopwatch, which also includes a countdown timer. There should be only three columns in the table (RowID, JSON, and one experimental to extract duration from the json). The template app seems to be holding on to old columns and I can’t get them to remove when I publish. They aren’t in my copy, but they still exist in the template. Ignore the old unused columns because they were for a previous version of this I did a while back. At this p…

---

<div class="post-metadata">

**Author:** ![Braunne](https://avatars.discourse-cdn.com/v4/letter/b/71e660/32.png) [@Braunne](https://community.glideapps.com/u/Braunne)\
**Post date:** [March 12, 2025, 4:55pm UTC](https://community.glideapps.com/t/portal-timer/80691/3 "2025-03-12T16:55:38Z")

</div>

So, how can I copy the stopwatch time?

---

<div class="post-metadata">

**Author:** ![Braunne](https://avatars.discourse-cdn.com/v4/letter/b/71e660/32.png) [@Braunne](https://community.glideapps.com/u/Braunne)\
**Post date:** [March 12, 2025, 5:14pm UTC](https://community.glideapps.com/t/portal-timer/80691/4 "2025-03-12T17:14:24Z")

</div>

since the tables created are always empty in “his” timers!

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [March 12, 2025, 5:22pm UTC](https://community.glideapps.com/t/portal-timer/80691/5 "2025-03-12T17:22:32Z")

</div>

You assign the column that you need to write to.

---

<div class="post-metadata">

**Author:** ![Braunne](https://avatars.discourse-cdn.com/v4/letter/b/71e660/32.png) [@Braunne](https://community.glideapps.com/u/Braunne)\
**Post date:** [March 13, 2025, 4:55pm UTC](https://community.glideapps.com/t/portal-timer/80691/6 "2025-03-13T16:55:49Z")

</div>

Thank you, I knew that. How do I “programmatically” refresh the stopwatch component and reset it without having to push the “reset” button? Do you know that?

That’s the last piece of the puzzle.

I really appreciate your help, I trust you know that.

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [March 13, 2025, 5:29pm UTC](https://community.glideapps.com/t/portal-timer/80691/7 "2025-03-13T17:29:06Z")

</div>

You mean that you want it to reset automatically?

---

<div class="post-metadata">

**Author:** ![Braunne](https://avatars.discourse-cdn.com/v4/letter/b/71e660/32.png) [@Braunne](https://community.glideapps.com/u/Braunne)\
**Post date:** [March 13, 2025, 5:30pm UTC](https://community.glideapps.com/t/portal-timer/80691/8 "2025-03-13T17:30:30Z")

</div>

yes

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [March 13, 2025, 5:31pm UTC](https://community.glideapps.com/t/portal-timer/80691/9 "2025-03-13T17:31:11Z")

</div>

Did you choose to use the native stopwatch or the ai component version?

---

<div class="post-metadata">

**Author:** ![Braunne](https://avatars.discourse-cdn.com/v4/letter/b/71e660/32.png) [@Braunne](https://community.glideapps.com/u/Braunne)\
**Post date:** [March 13, 2025, 6:03pm UTC](https://community.glideapps.com/t/portal-timer/80691/10 "2025-03-13T18:03:48Z")

</div>

native

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [March 13, 2025, 6:05pm UTC](https://community.glideapps.com/t/portal-timer/80691/11 "2025-03-13T18:05:47Z")

</div>

You could use a real-time workflow as I explained how to do it in here:

> **[Real-Time Workflow Automation](https://real-time-workflow.glide.page/dl/74c4fe)**
>
> This demo app is designed to showcase the core functionality of automating workflows, triggering actions based on data changes, and streamlining user interactions in real time. It highlights how you can effortlessly manage tasks and processes, making...

In the action, after you correctly get a notification on load, change the action to a set column values, but keep the name.

Tell me if you need further help.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 13, 2025, 11:45pm UTC](https://community.glideapps.com/t/portal-timer/80691/12 "2025-03-13T23:45:11Z")

</div>

I checked this. I tried to tie the stopwatch to a column to write the elapsed time into it, but when I manually clear the elapsed time column, it did not reset the stopwatch until I go to another screen and go back (which forces re-rendering).

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [March 13, 2025, 11:50pm UTC](https://community.glideapps.com/t/portal-timer/80691/13 "2025-03-13T23:50:17Z")

</div>

Bug report! 😲

---

<div class="post-metadata">

**Author:** ![Braunne](https://avatars.discourse-cdn.com/v4/letter/b/71e660/32.png) [@Braunne](https://community.glideapps.com/u/Braunne)\
**Post date:** [March 14, 2025, 7:33pm UTC](https://community.glideapps.com/t/portal-timer/80691/14 "2025-03-14T19:33:49Z")

</div>

SetColumnValues data action, or what did you do exactly?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 14, 2025, 11:37pm UTC](https://community.glideapps.com/t/portal-timer/80691/15 "2025-03-14T23:37:12Z")

</div>

No, I manually open the data view to delete it. I un-marked my comment as solution, it’s a mention of a bug, not a solution for your problem.

Here’s a record:
