You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
510 B
21 lines
510 B
4 years ago
|
const counters = document.querySelectorAll('.counter')
|
||
|
|
||
|
counters.forEach(counter => {
|
||
|
counter.innerText = '0'
|
||
|
|
||
|
const updateCounter = () => {
|
||
|
const target = +counter.getAttribute('data-target')
|
||
|
const c = +counter.innerText
|
||
|
|
||
|
const increment = target / 200
|
||
|
|
||
|
if(c < target) {
|
||
|
counter.innerText = `${Math.ceil(c + increment)}`
|
||
|
setTimeout(updateCounter, 1)
|
||
|
} else {
|
||
|
counter.innerText = target
|
||
|
}
|
||
|
}
|
||
|
|
||
|
updateCounter()
|
||
|
})
|