⏰ Simple Timer/Stopwatch - New Plugin from Zeroqode

@ZeroqodeSupport I am looking to build an interval timer in my app ie the clock counts down from 20 seconds to 0, then runs 10 seconds to 0 and repeats this sequence the whole time the user is on the page. Can you cue this sequence using this plugin, so that when one timer stops another starts and repeats indefinitely?

Hi, @MattBB!

Yes, sure, it is possible as far as the plugin has events and actions that could be used to implement this.

Here is a way how you can do that:

  1. Place on page two Timer elements with different intervals.

  1. Set a workflow: when the page is load -start Timer 1.

  1. When Timer 1 ends (event Time End with the condition) - start the Timer 2

  1. The next Event will be- when the Timer 2 End- start Timer 1

Hope this helps!
Regards,
Zeroqode Team

1 Like

Thanks this is really helpful! Are there any plans to add sounds to the countdown? ie 3 second warning?

1 Like

Hi, @MattBB!

Actually, we didn’t think about that, but, thanks for your idea, we will take into consideration adding the sounds to the countdown :wink: We need to see how feasible it is to implement. I’m afraid we cannot provide the exact time estimates, but you can be sure, we’ll notify you asap. :slightly_smiling_face:

Best,
Zeroqode Team

1 Like

Hi @ZeroqodeSupport,

quick question: I am thinking if I could use your countdown timer in combination with the Bubble email confirmation to allow users to use my Bubble app for a certain amount of time in which they have the chance to confirm their email. If they don’t confirm within the given time, they will lose access to the app until they finally do confirm their email.

Imagined flow: User signs up >> navigated to logged-in environment >>

  • Condition 1: if email confirmed is no >> show hideable group with 24h countdown and ask to confirm email (incl. link)
  • Condition 2: if email confirmed is yes >> hide and deactivate countdown timer
  • Condition 3: if email confirmed is no and count down is finished >> log user out

Would something like this work. Specifically, would the countdowntimer keep working on a user field if the user is logged-out or navigates away from the page?

Thanks in advance for the help!
Georg

Hi, @georg !

Thanks for reaching out!

So, I’m afraid we cannot provide step by step instructions on how to implement this, but it could be potentially achieved. Here is a hint which can be useful. So, you may create a filed in the database to the user, for instance, Time, and then use it in the Countdown element saying- show 24 hours available from the time point when the user is Sign in.

In this case, the countdown will count the time according to the user’s login time. The other flow like send an email to the user, if the email is confirmed etc, should be set as a workflow. This is more related to bubble logic behind rather than to the plugin functionality and needs to be tested.

Hope this helps!
Best,
Zeroqode Team

Thanks for the reply! Absolutely clear that you can’t write down a full step by step instructions and wasn’t expected either :wink:

Do I understand correctly that you would do it relative to user creation date, i.e. when the user first signed up, right? That way it would remain valid even if the user logs out in between or refreshes the session.

Hey, @georg!

Yes, that’s correct :slightly_smiling_face:

Hello,
I want to edit the plugin so it registers the start and stop time on a database, in that way I can keep the timer running even if the page is reset or stopped.
How can I do that?

Hi @ashna,

Thanks for reaching out. You can simply use the plugin states, events and actions:

So the actions would be Start and Pause a timer, and events would be implemented for checking when a timer was stopped/started, and then use the states:

To save the values into your database, or any other implementation you want.

You can check on our demo app here to see the setups.

Best regards,
Zeroqode Team

Hello, thank you for your response.

Would I be able to use these to create a calculated field to see how much time was used up? So say if I started the timer now, closed out the app, came back 2 hours later and stopped timer, I’d want my database to have registered the “2 hours” as a duration vs the start/stop time to be exact.

Thanks

Hi @ashna,

Thanks for feedback. Yes, it would be possible to build something like that. An implementation example is using the Start SimpleTimer/Stopwatch action on your button click event, and make changes to your current user to save the current date/time into a database field.

And then, you can verify the difference when your user is launching the app again by setting a On page load event to make changes to your current user again, but this time you do a little bit of math:

So you need to calculate the difference between the current time and the previously saved value into your database field. Here you could play around with extracting the hours/minutes/seconds as you like.

Hope it helps.

Best regards,
Zeroqode Team

HI there, I am using the Timer and it works great if I run it on a PC/Mac. When I run it on my iPhone though in Safari or in Chrome I keep getting the following error.

The Timer is set up exactly the same as on your demo app. I just removed the text day field - I don’t need it. Any thoughts on what could be triggering this error on a mobile device and how I can resolve it? Thanks!

Hello, @sacoetzee
Thanks for reaching out.

Unfortunately, the issue you have described is not reproducing on our side. We have tested the plugin demo page on iPhone11 (14.4) Chrome/Safari and mac Chrome/Safari - no issues/errors on our side.

Please make sure that all the settings you have in your app are correct and correspond to those used in the Demo version of the plugin.

To be able investigate your particular issue, we need more info. Can you please describe your case in more detail?
Please share with us screenshots of your current settings and describe your use case - we will check it.

BR,
Zeroqode Team

Hi Zeroqode team,

First of all thank you for all the evangelization you do in NO CODE. I feel you are more visible than Bubble :sweat_smile:.

Ok now to the issue related to countdown. When countdown finishes to 0 I need to change room/participants in your agora plugin and then to start new timer again. Without user interaction like clicking on button or refreshing page.
Im breaking my head for days. So far no success without button or page reload.

Is this somehow possible?

Thanks

Hello, @nagy.pavol
Thanks for your question.

Please allow us to check internally if there is a possibility to combine these 2 plugins. If not, we will describe an alternative workflow for implementing your request within your app.
Thanks for the understanding.

Best regards,
Zeroqode Support Team

Hi,

ok, this would be just amazing extension and would allow me to move with the project.
Weather it is workaround or new implementation, there must be way in Bubble.

Thanks.
Pavol

Hello, @nagy.pavol

Please find our response to your request here:

So, unfortunately, the new call cannot be started without a page reload, because the required Token won’t be generated.
The unique solution is to create a condition with page reloading and automatic connection at page onload.

Please let us know if you have any additional questions on this matter.
Best regards,
Zeroqode Support Team

Hi @ZeroqodeSupport

When a user starts the stopwatch, is the start time saved in the database so that if the user leaves the page and returns later the stopwatch will still be running? Or is the stopwatch reloaded when the page is refreshed?

Thanks

Hello @ramzizi
Thanks for reaching out.

Please let us investigate your request then get back with feedback asap!

Best regards,
Zeroqode Team