Revisé las otras publicaciones de clearInterval aquí para obtener una pista de por qué mi código no funciona según lo previsto. A pesar de mis mejores esfuerzos, todavía no puedo obtener clearInterval para detener mi conteo.
Estoy tratando de hacer algo simple: contar, aumentar en uno hasta que se presione el botón de parada.
He probado variables diferentes e incorrectas, pero no puedo encontrar una solución que funcione.
<p>Count Up:</p> <p id="count">1</p> <button onclick="clearInterval(current)">Stop</button> <script> var current = 1; function animateValue(id) { var obj = document.getElementById(id); var current = parseInt(obj.innerHTML); setInterval(function () { current++; obj.innerHTML = current; }, 1000); } animateValue("count"); </script>Almacene el valor devuelto por setInterval en una variable y páselo como parámetro a clearInterval en lugar de counter :
<p>Count Up:</p> <p id="count">1</p> <button onclick="clearInterval(interval)">Stop</button> <script> var interval; var current = 1; function animateValue(id) { var obj = document.getElementById(id); var current = parseInt(obj.innerHTML); interval = setInterval(function () { current++; obj.innerHTML = current; }, 1000); } animateValue("count"); </script>