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

</p>

<p><style>

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

</style></p>

<p><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></p>

<p><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></p>

<p>