Con el siguiente código podemos hacer una cuenta hacia adelante con javascript, dicho de otra forma sería incrementar un número con javascript hasta donde nos interese, esta muy bien para cuando queremos indicar el tiempo en el que va a pasar un suceso en nuestra web.
Código javascritp:
| <script type="text/javascript"> var num = 0 //aquí se establece el valor inicial function cuentaAdelante(){ if(num >= 100){//aqui se establece el valor final document.getElementById('ca').firstChild.nodeValue = num num++ setTimeout('cuentaAdelante()',1000)//tiempo para que cambie el numero } } function escribe(){ document.write ('<span id="ca">' + num + '</span>') } </script> |
Nota: El código anterior debe ponerse al principio de la pagina para que funcione correctamente.
Código para sacar por pantalla el numero:
| <script type="text/javascript">escribe()</script> |
El código para sacar por pantalla el numero debemos ponerlo donde queremos que se muestre la cuenta cambiando.
Ahora debemos escoger la forma con la que se iniciará la cuenta hacia adelante.
Iniciar cuenta hacia adelante con enlace:
| <a href="#cuentaadelante" onclick="cuentaAdelante();return false">Iniciar cuenta adelante</a> |
Iniciar cuenta hacia adelante automáticamente:
| <script type="text/javascript">cuentaAdelante()</script> |
Con la forma de enlace debemos presionarlo para iniciar la cuenta adelante.
Con la forma automática debemos ponerlo en el punto de la web donde queremos que se inicie, por ejemplo al final de la web para cuando haya cargando completamente la página web.