Código de JavaScript - Cuenta atrás

Imágen de perfil
Actualizado

Cuenta atrásgráfica de visualizaciones


JavaScript

Actualizado el 26 de Mayo del 2016 por Xavi (Creado el 08 de Julio del 2012)
5.096 visualizaciones desde el 08 de Julio del 2012. Una media de 28 por semana
Código que muestra una cuenta atrás desde un valor dado, permitiendo indicar el número de días si fuera superior a 1.

Versión 1

Actualizado el 26 de Mayo del 2016 (Creado el 08 de Julio del 2012)gráfica de visualizaciones de la versión: Versión 1
5.097 visualizaciones desde el 08 de Julio del 2012. Una media de 28 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<html>
<head>
</head>
 
<body>
<h1>Cuenta atras</h1>
<h2 id='CuentaAtras'></h2>
 
<script language="JavaScript">
<!--
/* Determinamos el tiempo total en segundos */
var totalTiempo=20;

var timestampStart = new Date().getTime();
var endTime=timestampStart+(totalTiempo*1000);
var timestampEnd=endTime-new Date().getTime();

/* Variable que contiene el tiempo restante */
var tiempRestante=totalTiempo;

/* Ejecutamos la funcion updateReloj() al cargar la pagina */
updateReloj();

function updateReloj() {
    var Seconds=tiempRestante;
    
    var Days = Math.floor(Seconds / 86400);
    Seconds -= Days * 86400;

    var Hours = Math.floor(Seconds / 3600);
    Seconds -= Hours * (3600);

    var Minutes = Math.floor(Seconds / 60);
    Seconds -= Minutes * (60);

    var TimeStr = ((Days > 0) ? Days + " dias " : "") + LeadingZero(Hours) + ":" + LeadingZero(Minutes) + ":" + LeadingZero(Seconds);
    /* Este muestra el total de hora, aunque sea superior a 24 horas */
    //var TimeStr = LeadingZero(Hours+(Days*24)) + ":" + LeadingZero(Minutes) + ":" + LeadingZero(Seconds);

    document.getElementById('CuentaAtras').innerHTML = TimeStr;

    if(endTime<=new Date().getTime())
    {
        document.getElementById('CuentaAtras').innerHTML = "00:00:00";
    }else{
        /* Restamos un segundo al tiempo restante */
        tiempRestante-=1;
        /* Ejecutamos nuevamente la función al pasar 1000 milisegundos (1 segundo) */
        setTimeout("updateReloj()",1000);
    }
}

/* Funcion que pone un 0 delante de un valor si es necesario */
function LeadingZero(Time) {
    return (Time < 10) ? "0" + Time : + Time;
}
//-->
</script>

</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/s2192