Código de JavaScript - Cuenta atrás

Imágen de perfil
Val: 1.931
Plata
Ha disminuido 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cuenta atrásgráfica de visualizaciones


JavaScript

Actualizado el 26 de Mayo del 2016 por Xavi (548 códigos) (Publicado el 8 de Julio del 2012)
9.523 visualizaciones desde el 8 de Julio del 2012
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 15 de Junio del 2016 (Publicado el 8 de Julio del 2012)gráfica de visualizaciones de la versión: Versión 1
9.524 visualizaciones desde el 8 de Julio del 2012
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...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2192