형님들 자바스크립트 질문드립니다. 채택완료

<style>
    .counter { font-size: 30px; font-weight: 800; } .plus { color: red; font-size: 30px; font-weight: 800; }
</style>

<div>
    <div class="counter on" data-endvalue="56320" data-startvalue="115">115</div>
    <div class="counter">60<span class="plus">+</span></div>
    <div class="counter">1558<span class="plus">+</span></div>
    <div class="counter on" data-endvalue="95" data-startvalue="10">90</div>
</div>

<script>
function animateCounter(sel) {
    const counters = document.querySelectorAll(sel);
    
    counters.forEach((el) => {
        let startValue = el.dataset.startvalue ? Number(el.dataset.startvalue) : 0;
        const duration = 2000;
        const stepTime = duration / 100;
        const counter = el;
        const endValue = el.dataset.endvalue ? Number(el.dataset.endvalue) : 0;
        const valueIncrement = endValue / 100;
        const interval = setInterval(() => {
            startValue += valueIncrement;
            counter.innerHTML = Math.round(startValue).toLocaleString() + '<span class="plus">+</span>';
            if (startValue >= endValue) {
                clearInterval(interval);
                counter.innerHTML = endValue.toLocaleString() + '<span class="plus">+</span>';
            }
        }, stepTime);
    });
}
animateCounter(".counter.on");
</script>