Cuenta hacia adelante con javascript – incrementar número

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.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Notificación de comentarios

Si se suscribirse cuando se publique un nuevo comentario se le notificará por correo electrónico, de esta forma podrá estar informado de todos los comentarios y podrá ver si han respondido al suyo.

También puedes suscribirte sin comentar.