¡Hola buenas!
El caso es que en mi HTML
tengo un texto con un número que es el valor del carrito, lo que quiero hacer es que cuando se añada un artículo nuevo y cambie el valor no cambie directamente sino que con Javascript
el valor cambiado suba como en los juegos muy rápido en principio y más lento al final.
He hecho una función que se llama cada 100 ms
para actualizar el valor, pero lo actualiza de 1 en 1
<text id='valor-cesta'> 2000 </text>
<script>
//Variable global para guardar el intervalo
var animInterval;
function startAnim() {
let obj = document.getElementById('valor-cesta');
animInterval = setInterval(animNumValue, 100, obj, 3000);
}
function animNumValue(num, newValue) {
valor = num.innerHTML;
intValue = parseInt(valor);
if (intValue >= newValue) { //Si el valor ha superado el objetivo paro
clearInterval(animInterval);
} else { //Si el valor no ha superado el objetivo lo aumento
valor++;
num.innerHTML = valor;
}
}
startAnim();
</script>