<html>
<body>
<div class="col-md-12">
<div class="card" id="count_one">
<input type="hidden" class="speed" value="0.0000397938144330" />
<div class="card-body">
<div class="media align-items-center">
<input type="hidden" class="accret" value="10.000067981099106">
<div class="media-body">
<span class="count">10.00009856</span>
<span class="price">0.50</span>
<span class="cashe">5.00006288</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="card" id="count_two">
<input type="hidden" class="speed" value="0.0000000020431799" />
<div class="card-body">
<div class="media align-items-center">
<input type="hidden" class="accret" value="100.00004564566">
<div class="media-body">
<span class="count">100.00009856</span>
<span class="price">10.50</span>
<span class="cashe">1050.0004567456</span>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', _=> {
let cards = document.querySelectorAll('.card')
setInterval( _=> {
cards.forEach (card => {
let speed = card.querySelector('.speed').value,
accret = card.querySelector('.accret'),
count = card.querySelector('.count'),
price = card.querySelector('.price');
accret.value = count.textContent = (speed / 600 + parseFloat(accret.value)).toFixed(12)
card.querySelector('.cashe').textContent = (count.textContent * price.textContent).toFixed(12)
})
}, 100)
});
</script>
</body>
</html>
Переписано только лишь потому, чтобы во время "писания" увидеть ошибку. Убраны лишние parseFloat и accret.value = count.textContent = ... чтобы не писать дважды фактически одно и тоже. Округление до 12, чтобы видно что все Ок.