contraup2.js cdn
<!-- jquery js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- waypoint js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<!-- counter up2 js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/counterup2/2.0.2/index.js"></script>
// counter up 2 js initialize
jQuery(function ($) {
'use strict';
var counterUp = window.counterUp['default']; // import counterUp from "counterup2"
var $counters = $('.counter');
/* Start counting, do this on DOM ready or with Waypoints. */
$counters.each(function (ignore, counter) {
var waypoint = new Waypoint({
element: $(this),
handler: function () {
counterUp(counter, {
duration: 5000,
delay: 16,
});
this.destroy();
},
offset: 'bottom-in-view',
});
});
});
//counterup js plugin old version use this code
//jquery cdn
<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js "></script>
//waypoint cdn
<script src=" https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js "></script>
//counterup cdn
<script src=" https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js "></script>
// counterup inint
$('.counter1').counterUp({
delay: 20,
time: 1500,
});
MD RAZZAK