<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div style="display: flex; ">
<p style="order: 5;">default</p>
<p style="order: 5;" class="count"></p>
</div>
<input type="text" value="100" id="amount" />
<input type="text" value="0" id="count" />
<input type="button" value="run" id="runner" />
<input type="button" value="reset" id="reset" />
<script>
$('#runner').click(function () {
var amount = parseInt($('#amount').val()),
counter = 0,
countElement = $('#count')[0];
var interval = setInterval(function () {
countElement.value = parseFloat($(counter).val(counter += amount / 2419200)) || 0;
countElement.value = counter.toFixed(4);
if (counter > amount) {
clearInterval(interval);
}
else if () {
clearInterval(interval);
}
}, 1000);
});
</script>
<script>
$(function () {
var
count = 0.0000,
block = $('.count'),
interval = setInterval(function () {
count += 0.00047812301;
block.text(count.toFixed(4));
if (count === $) {
clearInterval(interval);
}
}, 1000);
block.text(count);
});
</script>
<script>
$('#reset:reset');
</script>
</body>
</html>