Código de JavaScript - Cuenta atras para nuestros enlaces

Imágen de perfil

Cuenta atras para nuestros enlacesgráfica de visualizaciones


JavaScript

Publicado el 26 de Enero del 2014 por Xavi
1.125 visualizaciones desde el 26 de Enero del 2014. Una media de 14 por semana
Código que muestra como hacer una cuenta atrás de 5 segundos para los enlaces de nuestra página.

Versión 1

Publicado el 26 de Enero del 2014gráfica de visualizaciones de la versión: Versión 1
1.126 visualizaciones desde el 26 de Enero del 2014. Una media de 14 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
    <script language="JavaScript">
 
    /* Determinamos el tiempo total en segundos */
    var totalTiempo=5;
 
    function updateReloj(url)
    {
        document.getElementById('CuentaAtras').innerHTML = "Redireccionando a "+url+" en "+totalTiempo+" segundos";
 
        if(totalTiempo==0)
        {
            window.location=url;
        }else{
            /* Restamos un segundo al tiempo restante */
            totalTiempo-=1;
            /* Ejecutamos nuevamente la función al pasar 1000 milisegundos (1 segundo) */
            setTimeout("updateReloj('"+url+"')",1000);
        }
        return false;
    }
    </script>
</head>
 
<body>
 
<h1>Cuenta atras para nuestros enlaces</h1>
<h2 id='CuentaAtras'></h2>
 
<a href="http://www.lawebdelprogramador.com" onclick="return updateReloj(this.href)">Pulsa para ir a La Web del Programador</a>
<br><a href="http://www.yahoo.es" onclick="return updateReloj(this.href)">Pulsa para ir a Yahoo</a>
 
</body>
</html>



Comentarios sobre la versión: Versión 1 (0)


No hay comentarios
 

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2592