I have this script for to increment a counter by one after 1 second, I need it to be updated 5 by 5 every second: 1, 6, 11, 16, etc.
function animateValue(id) {
var obj = document.getElementById(id);
var current = parseInt(obj.innerHTML);
setInterval(function() {
current++;
// Update the contents of the element
obj.innerHTML = current;
}, 1000);
}
animateValue('value');
<h1>
<div id="value">1</div>
</h1>
Change the timer from 1000 to 5000 and change ++ to +=5, and that should update by 5 every 5 seconds.
function animateValue(id) {
var obj = document.getElementById(id);
var current = parseInt(obj.innerHTML);
setInterval(function() {
current += 5;
// Update the contents of the element
obj.innerHTML = current;
}, 5000);
}
animateValue('value');
<h1>
<div id="value">1</div>
</h1>