App Connect Data Formatter Support Product Page


Countdown Timer?

Asked 06 Sep 2017 03:12:38
has this question
06 Sep 2017 03:12:38 Brad Lawryk posted:
Is it possible to create a countdown timer?

I can get it to count down how many days or how many hours how many minutes individually. That works great.

But I get "Projected opening in 3 Days, 70 Hours and 4252 Minutes"

I need it broken to be "Projected opening in 3 Days, 22 Hours and 52 Minutes"

Possible somehow?


Replied 07 Sep 2017 10:13:12
07 Sep 2017 10:13:12 Teodor Kuduschiev replied:
Hi Brad,
Yes that is possible.
I will show this with a static date, but if it comes from a db, it is the same, just replace the date with the database value.

1. Create a datetime component and set its interval to seconds:

2. Days would be:
{{(var1.datetime.secondsUntil("2018-09-14") / 86400).floor()}}

3. Hours:
{{((var1.datetime.secondsUntil("2018-09-14") / 3600) % 24).floor()}}

4. Minutes
 {{((var1.datetime.secondsUntil("2018-09-14") / 60) % 60).floor()}}

Replied 07 Sep 2017 15:29:39
07 Sep 2017 15:29:39 Brad Lawryk replied:
Oh man, I was so close in the things I was trying! Thanks!
Replied 27 Sep 2017 21:55:13
27 Sep 2017 21:55:13 Brad Lawryk replied:
I have the following code and I would like to hide it once the days hit 0. Possible?

Next Up: 'Next Up: 'The Woman In Black' opens in {{todaysDate.datetime.daysUntil("2017-10-25")}} days!

Replied 27 Sep 2017 22:08:32
27 Sep 2017 22:08:32 Brad Lawryk replied:
Hahaha, I was way over thinking it ...... was easier than I thought. This works nicely.

<div dmx-show="todaysDate.datetime <= &quot;2017-10-25&quot;">
Next Up: 'The Woman In Black' opens in {{todaysDate.datetime.daysUntil("2017-10-25")}} days!

Replied 24 Jun 2024 21:21:37
24 Jun 2024 21:21:37 Henry Batman replied:
Yes, it's definitely possible to create a countdown timer that breaks down the remaining time correctly. Here's a simple way to do this in most programming languages:
  • [list]
  • [*]Calculate the total time difference in seconds.
  • [/*]
  • [*]Convert the seconds to days, hours, and minutes.
  • [/*]

Here’s a basic example in JavaScript:

javascript Code

function countdown(endTime) {
    const now = new Date().getTime();
    const timeRemaining = endTime - now;

    const days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));
    const hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    const minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60));
    return `Projected opening in ${days} Days, ${hours} Hours, and ${minutes} Minutes`;

// Set your end time here (e.g., new Date("2024-12-31T23:59:59").getTime())
const endTime = new Date("2024-12-31T23:59:59").getTime();


This code will correctly calculate and format the remaining time. Just set the endTime variable to your desired end date and time.

If you’re doing this in a different programming language, the logic remains the same:
  • Calculate the total time remaining in seconds.
  • Extract days by dividing by the number of seconds in a day.
  • Extract hours from the remainder of the days calculation.
  • Extract minutes from the remainder of the hours calculation.

You can find a similar countdown example on this website, which shows countdown till specific dates and days( Example: How many days till may 23) I'm sure they are using the same logic.

Feel free to adapt this logic to your specific programming environment!
Replied 13 Jul 2024 01:47:21
13 Jul 2024 01:47:21 Lily Collins replied:
Adin Ross has made a global name That's Not My Neighbor as a unique content creator in the gaming space, attracting the attention and following of many budding gamers, with an estimated net worth in 2024 of between $16 million and $24 million.

Reply to this topic