Responsive Number Counting Animation | HTML, CSS & Javascript

Create a responsive count up animation using HTML, CSS and JS.

📁 Download Source Code :

----------

⭐ Exciting coding quizzes on my website:

----------
Email:

Instagram:

----------

🎵Music:
Track: Lisbon — Ason ID [Audio Library Release]
Music provided by Audio Library Plus

[Gregable]

Very clean solution! Thank you for sharing, God bless

[codewithdahir]

thank you man i was searching this javascript code

[RajaP-pn]

When the value is high like 10000 or more. The counter loading is normal as It takes more time to reach the target value.

[kyliegrass]

Nobody:

Me: "RESPONSIVE?! OH

THIS IS NICE! Great job and keep up the beautiful art!

[GuilleCastro]

let valueDisplays =
let interval = 1000;

=> {
let startValue = 0;
let endValue =

let duration = Math.floor(interval / endValue);
let counter = setInterval(function ( ) {

startValue +=1;

if (endValue== 0) {
startValue -= 1;
}

if (startValue== endValue) {
clearInterval(counter);
}


}, duration);
}) ;

Se coloca un if el cuál hace que cuando tu dato sea 0 no siga aumentando de 1 a 1 si no que se quede en 0

[khancross]

Thanks for the nice tutorial. How is it possible to show a time value in H:M:S? Like total running time?

[noramorgan]

Thank you very much for this tutorial!

[tieumainhi]

Thank u but how to set it when we scroll to it, the animation will start running?

[innermoonmusic]

Could you start on Html first instead of css ? cool tutorial btw

[anfas]

Why it doesnt work with large numbers and small number . Eg, I have 245, 997, 10000 so everything finishes way before the 10000

[internshalashort]

source code ka sahi link do apke site mai nahi mil raha