Me gustaría tener tres contadores de números en mi sitio web de Wordpress uno debajo del otro.
Pude hacer que el código funcionara bien con el primer contador numérico, pero cuando agrego dos contadores más debajo ("contador1", "contador2", "contador3"), no muestran ningún número.
¡La ayuda sería apreciada!
ESTO FUNCIONÓ BIEN POR SÍ MISMO:
up to <a id="counter1"></a><!-- counts --> times lower cost <script> let counts=setInterval(updated); let upto=0; function updated(){ var count= document.getElementById("counter1"); count.innerHTML=++upto; if(upto===1000) { clearInterval(counts); } } </script>PERO ESTO NO FUNCIONA (solo multipliqué el código anterior):
up to <a id="counter1"></a><!-- counts --> times lower cost <script> let counts=setInterval(updated); let upto=0; function updated(){ var count= document.getElementById("counter1"); count.innerHTML=++upto; if(upto===1000) { clearInterval(counts); } } </script> up to <a id="counter2"></a><!-- counts --> times better quality <script> let counts=setInterval(updated); let upto=0; function updated(){ var count= document.getElementById("counter2"); count.innerHTML=++upto; if(upto===1000) { clearInterval(counts); } } </script> up to <a id="counter3"></a><!-- counts --> times less time <script> let counts=setInterval(updated); let upto=0; function updated(){ var count= document.getElementById("counter3"); count.innerHTML=++upto; if(upto===1000) { clearInterval(counts); } } </script>cuando define una etiqueta <script> en su archivo, ¡cada variable se comparte entre ellos! entonces, cambiando el nombre de las variables, puede lograr lo que desea.
up to <a id="counter1"></a><!-- counts --> times lower cost <br /> <script> let counts1=setInterval(updated); let upto1=0; function updated(){ var count= document.getElementById("counter1"); count.innerHTML=++upto1; if(upto1===1000) { clearInterval(counts1); } } </script> up to <a id="counter2"></a><!-- counts --> times better quality <br /> <script> let counts2=setInterval(updated); let upto2=0; function updated(){ var count= document.getElementById("counter2"); count.innerHTML=++upto2; if(upto2===1000) { clearInterval(counts2); } } </script> up to <a id="counter3"></a><!-- counts --> times less time <script> let counts3=setInterval(updated); let upto3=0; function updated(){ var count= document.getElementById("counter3"); count.innerHTML=++upto3; if(upto3===1000) { clearInterval(counts3); } } </script>enter code here