Change this to:
<script>
(function ($){
$.fn.counter = function() {
const $this = $(this),
numberFrom = parseInt($this.attr('data-from')),
numberTo = parseInt($this.attr('data-to')),
delta = numberTo - numberFrom,
deltaPositive = delta > 0 ? 1 : 0,
time = parseInt($this.attr('data-time')),
changeTime = 10;
let currentNumber = numberFrom,
value = delta*changeTime/time;
var interval1;
const changeNumber = () => {
currentNumber += value;
//checks if currentNumber reached numberTo
(deltaPositive && currentNumber >= numberTo) || (!deltaPositive &¤tNumber<= numberTo) ? currentNumber=numberTo : currentNumber;
this.text(parseInt(currentNumber));
currentNumber == numberTo ? clearInterval(interval1) : currentNumber;
}
interval1 = setInterval(changeNumber,changeTime);
}
}(jQuery));
function counterInit() {
$('.count-up').counter();
$('.count1').counter();
$('.count2').counter();
$('.count3').counter();
new WOW().init();
setTimeout(function () {
$('.count5').counter();
}, 3000);
}
</script>
Then select your server connect component in App Structure, add new static event> server connect > done and enter: counterInit()
Then you can use:
dmx-bind:data-to="sc_BookingStats.data.q_BookingStats_sel.totalitems"