How to make an animated number counter?

Ask the community
,
17

@bwprado Still doesn’t work, here is the full code
const createTimer = ( element , interval ) => ( startTime , endTime ) => {
let count = startTime
const counter = setInterval (() => {
element . text = count . toLocaleString () // update text
count ++
count === endTime && clearInterval ( counter )
}, interval )
return counter
}

const timer1 = createTimer ( $w ( ‘#text57’ ), 1 ) // element and interval
const timer2 = createTimer ( $w ( ‘#text59’ ), 1 ) // element and interval
const timer3 = createTimer ( $w ( ‘#text58’ ), 100 ) // element and interval
timer1 ( 9456 , 10001 ) // startTime and endTime
timer2 ( 198650 , 200001 ) // startTime and endTime
timer3 ( 1 , 101 ) // startTime and endTime

$w . onReady (()=>{ $w ( ‘#text57’ ). onViewportEnter ( startCounter )})
$w . onReady (()=>{ $w ( ‘#text59’ ). onViewportEnter ( startCounter )})
$w . onReady (()=>{ $w ( ‘#text58’ ). onViewportEnter ( startCounter )})