# Delay - Loading Screen

**URL:** <https://community.glideapps.com/t/delay-loading-screen/35937>\
**Category:** Project Showcase\
**Created:** [December 14, 2021, 8:21am UTC](https://community.glideapps.com/t/delay-loading-screen/35937 "2021-12-14T08:21:46Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![ShantanuIyengar](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shantanuiyengar/32/35546_2.png) [@ShantanuIyengar](https://community.glideapps.com/u/ShantanuIyengar)\
**Post date:** [December 14, 2021, 8:21am UTC](https://community.glideapps.com/t/delay-loading-screen/35937/1 "2021-12-14T08:21:46Z")

</div>

Hello gliders,  
Adding a delay is a required feature for time consuming apps.  
So here it is!  
The first draft on how to add delay in your apps

> **[Delay - Loading Screen](https://delay-loading.glideapp.io/)**

If you want to know how to implement, lemme know!

---

<div class="post-metadata">

**Author:** ![ThatGuyInArizona](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thatguyinarizona/32/12472_2.png) [@ThatGuyInArizona](https://community.glideapps.com/u/ThatGuyInArizona)\
**Post date:** [December 14, 2021, 3:37pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/2 "2021-12-14T15:37:04Z")

</div>

Very useful- how did you do this ?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 14, 2021, 3:56pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/3 "2021-12-14T15:56:11Z")

</div>

I expect that it’s done by setting a timestamp X seconds in the future, and then using a visibility condition “where now is after timestamp”.

At least that’s how I would do it.

---

<div class="post-metadata">

**Author:** ![ShantanuIyengar](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shantanuiyengar/32/35546_2.png) [@ShantanuIyengar](https://community.glideapps.com/u/ShantanuIyengar)\
**Post date:** [December 14, 2021, 4:30pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/4 "2021-12-14T16:30:44Z")

</div>

And the rest is CSS

---

<div class="post-metadata">

**Author:** ![ShantanuIyengar](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shantanuiyengar/32/35546_2.png) [@ShantanuIyengar](https://community.glideapps.com/u/ShantanuIyengar)\
**Post date:** [December 14, 2021, 4:31pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/5 "2021-12-14T16:31:07Z")

</div>

Makin the app sharable so, everyone can copy it and view the logic!

---

<div class="post-metadata">

**Author:** ![Yasin\_Hassanien](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yasin_hassanien/32/9042_2.png) [@Yasin\_Hassanien](https://community.glideapps.com/u/Yasin_Hassanien)\
**Post date:** [December 14, 2021, 7:05pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/6 "2021-12-14T19:05:04Z")

</div>

May we have a link for the template?

---

<div class="post-metadata">

**Author:** ![ShantanuIyengar](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shantanuiyengar/32/35546_2.png) [@ShantanuIyengar](https://community.glideapps.com/u/ShantanuIyengar)\
**Post date:** [December 14, 2021, 8:50pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/7 "2021-12-14T20:50:56Z")

</div>

You can click on the app link given in the main topic.  
Or click below

> **[Delay - Loading Screen](https://delay-loading.glideapp.io/)**

You can then go ahead and create a copy of it.

---

<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:** [December 14, 2021, 11:57pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/8 "2021-12-14T23:57:31Z")

</div>

This will make it not precisely the same delay as required, right? Since now is only updated every X secs or so (I can’t remember the right number).

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 15, 2021, 12:13am UTC](https://community.glideapps.com/t/delay-loading-screen/35937/9 "2021-12-15T00:13:18Z")

</div>

yeah, correct. It updates once every 10 seconds. The effect of that is immediately evident in the demo app.

---

<div class="post-metadata">

**Author:** ![ShantanuIyengar](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shantanuiyengar/32/35546_2.png) [@ShantanuIyengar](https://community.glideapps.com/u/ShantanuIyengar)\
**Post date:** [December 15, 2021, 6:01am UTC](https://community.glideapps.com/t/delay-loading-screen/35937/10 "2021-12-15T06:01:22Z")

</div>

Thus the approx time in seconds in the entry field

---

<div class="post-metadata">

**Author:** ![ThatGuyInArizona](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thatguyinarizona/32/12472_2.png) [@ThatGuyInArizona](https://community.glideapps.com/u/ThatGuyInArizona)\
**Post date:** [December 15, 2021, 5:47pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/11 "2021-12-15T17:47:54Z")

</div>

I sure wish that Glide had a pause function, so that actions could have some delay before the next action is performed…

---

<div class="post-metadata">

**Author:** ![ALEKSEI\_BARANOV](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aleksei_baranov/32/33948_2.png) [@ALEKSEI\_BARANOV](https://community.glideapps.com/u/ALEKSEI_BARANOV)\
**Post date:** [January 22, 2022, 10:35pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/12 "2022-01-22T22:35:35Z")

</div>

Hello Shantanu, thank you for sharing!

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 23, 2022, 11:04am UTC](https://community.glideapps.com/t/delay-loading-screen/35937/13 "2022-01-23T11:04:28Z")

</div>

Your app is not working correctly

1. Start button is clickable when no value is entered and makes delay infinite.
2. On a cellphone, when backspace is clicked, it triggers action.
3. Entered Delay time is not equal to the actual delay

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 23, 2022, 4:06pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/14 "2022-01-23T16:06:07Z")

</div>

I made a little sample of how to make an accurate delay… it will block any click until the set time is over:

[![Screen Shot 2022-01-23 at 11.04.50 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/e/ee5aeb89aba8440260b19ff60d3c50a54fffe919.jpeg)](https://delay-action-demo.glideapp.io/)

> **[Delay Action - DEMO](https://delay-action-demo.glideapp.io/)**
>
> delay actions by blocking screen for a specific time

😉

---

<div class="post-metadata">

**Author:** ![m.shawpiti](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/m.shawpiti/32/37501_2.png) [@m.shawpiti](https://community.glideapps.com/u/m.shawpiti)\
**Post date:** [May 16, 2022, 8:27am UTC](https://community.glideapps.com/t/delay-loading-screen/35937/15 "2022-05-16T08:27:08Z")

</div>

Thank you so much, it’s very helpful for me. thank you for sharing

---

<div class="post-metadata">

**Author:** ![Blue\_Community](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/blue_community/32/16616_2.png) [@Blue\_Community](https://community.glideapps.com/u/Blue_Community)\
**Post date:** [July 5, 2022, 11:03pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/16 "2022-07-05T23:03:56Z")

</div>

awesome… thanks for sharing.

---

<div class="post-metadata">

**Author:** ![Blue\_Community](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/blue_community/32/16616_2.png) [@Blue\_Community](https://community.glideapps.com/u/Blue_Community)\
**Post date:** [July 5, 2022, 11:04pm UTC](https://community.glideapps.com/t/delay-loading-screen/35937/17 "2022-07-05T23:04:16Z")

</div>

Uzo you are a beast…🙂
