jQuery 숫자 애니메이션 for 3,450.86

Question

jQuery를 사용하여 숫자에 애니메이션을 적용하고 싶습니다. 내 숫자는 3,450.86입니다.이 숫자를 애니메이션으로 만들려고 할 때이 숫자는 3,450 개의 애니메이션에 10 진수 값만 가져올 수 있습니다.

아무도 도와 줄 수 있습니까? 미리 감사드립니다.

Answer 1

코드에 counterUp 라이브러리를 추가하고 아래 코드를 사용하려면 아래 코드를 한 번 사용했습니다. 감사.

jQuery(document).ready(function ($) { 
 
    $('span').counterUp({ 
 
    delay: 10, 
 
    time: 1000 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="http://www.jqueryscript.net/demo/Animating-Numbers-Counting-Up-with-jQuery-Counter-Up-Plugin/jquery.counterup.min.js"></script> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script> 
 
<span class=".integers">12345</span><br><br> 
 
<span class=".floats">123.45</span><br><br> 
 
<span class=".numbers-with-commas">12,345.00</span>