Timer widget settings?

Workafrolic October 13, 2017 at 9:24 pm

I think I broke the timer widget when I tried to adjust it from demo settings. Can you please advise the acceptable max and min for data-speed and data-refresh-interval? If the timer appears to have lost the ability to count up, what is required to troubleshoot it?

Replies (3)

  1. Workafrolic October 13, 2017 at 9:24 pm

    I think I broke the timer widget when I tried to adjust it from demo settings. Can you please advise the acceptable max and min for data-speed and data-refresh-interval? If the timer appears to have lost the ability to count up, what is required to troubleshoot it?

  2. Yogendra October 14, 2017 at 4:45 am

    Hello Workafrolic,

    You need to set data-from and data-to values to work

    timer html settings

    Here is the original HTML in case you need it

    <div class=”counters-section”>
    <div class=”counters-wrapper”>
    <div class=”section-inner”>
    <div class=”container”>
    <div class=”counter-section”>
    <div class=”row”>
    <div class=”content”>
    <div class=”col-md-3 col-sm-6″>
    <div class=”section-box”>
    <div class=”heading-counters”>
    <h2><span class=”timer” data-from=”0″ data-to=”150″ data-speed=”1500″ data-refresh-interval=”5″>150</span></h2>
    </div>
    <div class=”description-counters”>

    Hours of Coffee

    </div>
    </div>
    </div>
    <div class=”col-md-3 col-sm-6″>
    <div class=”section-box”>
    <div class=”heading-counters”>
    <h2><span class=”timer” data-from=”0″ data-to=”250″ data-speed=”2000″ data-refresh-interval=”5″>250</span></h2>
    </div>
    <div class=”description-counters”>

    Completed Projects

    </div>
    </div>
    </div>
    <div class=”col-md-3 col-sm-6″>
    <div class=”section-box”>
    <div class=”heading-counters”>
    <h2><span class=”timer” data-from=”0″ data-to=”1100″ data-speed=”1500″ data-refresh-interval=”5″>1100</span></h2>
    </div>
    <div class=”description-counters”>

    Clients

    </div>
    </div>
    </div>
    <div class=”col-md-3 col-sm-6″>
    <div class=”section-box”>
    <div class=”heading-counters”>
    <h2><span class=”timer” data-from=”0″ data-to=”2500″ data-speed=”1500″ data-refresh-interval=”5″>2500</span></h2>
    </div>
    <div class=”description-counters”>

    Working Hours

    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

    Check for double quotes in HTML 🙂

    Regards

  3. Workafrolic October 16, 2017 at 4:15 pm

    OK but what are the max and min values? What if I want to count slowly from zero to 10?

  4. Yogendra October 17, 2017 at 6:06 am

    Hello Workafrolic,

    Here it is

    count to details

    View post on imgur.com

    You can have more detailed info here
    https://github.com/mhuggins/jquery-countTo

    Regards

Post a Reply

Reply To: Timer widget settings?
Your information: