Hi, just checked. You’re missing the custom footer code in the site’s settings.
<script>
/*!
* jquery.counterup.js 1.0
*
* Copyright 2013, Benjamin Intal http://gambit.ph @bfintal
* Released under the GPL v2 License
*
* Date: Nov 26, 2013
*/
(function( $ ){
"use strict";
$.fn.counterUp = function( options ) {
// Defaults
var settings = $.extend({
'time': 400,
'delay': 10
}, options);
return this.each(function(){
// Store the object
var $this = $(this);
var $settings = settings;
var origValue = $this.text();
var counterUpper = function() {
var nums = [];
var divisions = $settings.time / $settings.delay;
var num = origValue;
var isComma = /[0-9]+,[0-9]+/.test(num);
num = num.replace(/,/g, '');
var isInt = /^[0-9]+$/.test(num);
var isFloat = /^[0-9]+\.[0-9]+$/.test(num);
var decimalPlaces = isFloat ? (num.split('.')[1] || []).length : 0;
// Generate list of incremental numbers to display
for (var i = divisions; i >= 1; i--) {
// Preserve as int if input was int
var newNum = parseInt(num / divisions * i);
// Preserve float if input was float
if (isFloat) {
newNum = parseFloat(num / divisions * i).toFixed(decimalPlaces);
}
// Preserve commas if input had commas
if (isComma) {
while (/(\d+)(\d{3})/.test(newNum.toString())) {
newNum = newNum.toString().replace(/(\d+)(\d{3})/, '$1'+','+'$2');
}
}
nums.unshift(newNum);
}
$this.data('counterup-nums', nums);
$this.text('0');
// Updates the number until we're done
var f = function() {
$this.text($this.data('counterup-nums').shift());
if ($this.data('counterup-nums').length) {
setTimeout($this.data('counterup-func'), $settings.delay);
} else {
delete $this.data('counterup-nums');
$this.data('counterup-nums', null);
$this.data('counterup-func', null);
}
};
$this.data('counterup-func', f);
// Start the count up
setTimeout($this.data('counterup-func'), $settings.delay);
};
// Perform counts when the element gets into view
$this.waypoint(counterUpper, { offset: '100%', triggerOnce: true });
});
};
})( jQuery );
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.min.js"></script>
<script>
jQuery(document).ready(function( $ ) {
$('span.counterup').counterUp({
delay: 100, // the delay time in ms
time: 2000 // the speed time in ms
});
});
</script>
Hi, you need to rename your text block to something else, create a span wrap with class name counterup as the script targets a span (only wrap the digits).
I tried on a project and it worked out great. @soulluciani if you add the span name on the code it will work for you too. But I have a question, is the code open to use? I mean it says it is copyright by Benjamin Intal . Do you know if it is free for anyone?
I’m not a lawyer but if I understand GNU General Public License v2.0 it’s shareable and modifiable and owner’s info are still present as the script comment.
Hahahaha @ColibriMedia, sorry man I didn’t mean to make you paranoid. I guess the GNU general public license explains it. I didn’t know you got it from github.com. Do you have the link for the actual code. Thanks.
Got it, thanks @ColibriMedia. I’ll check out the counterUp 2, thanks again. Also, sorry @soulluciani for hijacking your post. Did you get the code to work?