What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Day Countdown widget: Delete the seconds effect

    Asked by liadtal2 on April 28, 2017 at 10:59 AM

    Hey,

    I'm using the "Day countdown" widget in the form, and I want to find a way to remove the seconds effect.
    Every second there is an effect of the digits changes, and I want to remove it so the seconds will be changed without the effect.

    Is this possible please (Maybe with CSS)?

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Mike_G on April 28, 2017 at 11:45 AM

    Yes, it is possible. Please inject the following CSS codes below in the Custom CSS tab of the Day Countdown widget in your form.

    .countDiv2, span.countSeconds {

        display: none !important;

    }

    I hope this helps. If you have any further question regarding this, please feel free to contact us again anytime and we will be glad to help you.

    Thank you.

  • Profile Image

    Answered by tmLTA1 on April 29, 2017 at 10:19 AM
  • Profile Image

    Answered by liadtal2 on April 29, 2017 at 10:24 AM

    Hey,

    Thank you, but that's not what I meant.
    My title of the question changed to something else and I don't know why.

    I want to display the seconds in the timer, but I don't want the effect of the changing seconds.
    I want that the timer will display the seconds without the "wipe" effect.

    Is this possible please?

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Jim_R on April 29, 2017 at 02:27 PM

    Hey there too 😊 I'm afraid that's something that can't be overridden. When I inspected the widget, it uses Javascript and not CSS for the animation effect.

    Here's the script that takes care of the transition: https://widgets.jotform.io/daycountdown/min/scripts.min.js 

    Knowing that we can only inject CSS on both the form and the widget itself, there's no way to disable this transition effect with the Day Countdown Widget.

    Perhaps using a different countdown widget may be an alternative:

    https://widgets.jotform.com/widget/countdown

    https://widgets.jotform.com/widget/global_countdown

    I know both widgets above don't have any day, month, or year options but you can still go beyond those limits by setting the hour equivalent for days (e.g. 7 days = 168 hours).

    Give those a try and see if you like the transition effect better.

    On a minor note, we (the Support Team) rename thread titles to better describe the contents of the thread. Yours is related to removing the effect of the seconds in the widget, and my colleague renamed it to something similar - "Day Countdown widget: Delete the seconds effect".