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?
Hello Workafrolic,
You need to set data-from and data-to values to work
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
OK but what are the max and min values? What if I want to count slowly from zero to 10?
Hello Workafrolic,
Here it is
You can have more detailed info here
https://github.com/mhuggins/jquery-countTo
Regards