22
Views
3
Comments
Solved
Timer on the screen with difference date
Question
Application Type
Reactive

Hi 

I want to show timer on the screen with datetime running with seconds.

Lets say DateY = 11-02-2025 11:30:00

CurrDate = 12-02-2025 11:00:00

My timer should be calculated like below illustration (10 days is the x number of days from site property)

Formula  =  (DateY + 10 ) - CurrDate()     

Result should be something like this 21-02-2024 11:30   (minus) 12-02-2025 11:00:00 =  10d: 0h: 30m

Note: Based on the current time timer should keep on decreasing the output 

2019-01-07 16-04-16
Siya
 
MVP
Solution

@Touseef Ahmed  you could use the https://www.outsystems.com/forge/component-overview/4727/countdown-timer-o11 component suggested by @Rahul Sahu  . This component is updated for Reactive Web. Also added a demo app which matches your requirement, Please have a look.

2025-01-23 09-22-22
ABHIJITH G
Champion
Solution

Hi @Touseef Ahmed,

I have one sample OML, maybe it will also be helpful for you.

Thanks

SampleCountdown.oml
2019-01-07 16-04-16
Siya
 
MVP
Solution

@Touseef Ahmed  you could use the https://www.outsystems.com/forge/component-overview/4727/countdown-timer-o11 component suggested by @Rahul Sahu  . This component is updated for Reactive Web. Also added a demo app which matches your requirement, Please have a look.

2019-01-07 16-04-16
Siya
 
MVP
Solution

@Touseef Ahmed  you could use the https://www.outsystems.com/forge/component-overview/4727/countdown-timer-o11 component suggested by @Rahul Sahu  . This component is updated for Reactive Web. Also added a demo app which matches your requirement, Please have a look.

2025-01-23 09-22-22
ABHIJITH G
Champion
Solution

Hi @Touseef Ahmed,

I have one sample OML, maybe it will also be helpful for you.

Thanks

SampleCountdown.oml
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.