LordeckiyYaya,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<h1 class="head-p-card" data-count="800"></h1>
<h1 class="head-p-card" data-count="500"></h1>
<h1 class="head-p-card" data-count="900"></h1>
<script>
const time = 5000;
function preloader() {
let out = document.querySelectorAll('h1.head-p-card');
out.forEach(el => {
let count = el.dataset.count;
let n = 0;
let step = count/(30 * time/1000);
el.innerHTML = n;
let timer = () => {
n = Math.min(n + step, count);
el.innerHTML = n.toFixed(0);
n >= count || setTimeout(timer, 30);
}
setTimeout(timer, 30);
})
}
preloader();
</script>
</body>
</html>