Código de JavaScript - Cuenta regresiva de eventos con mensaje

Imágen de perfil

Cuenta regresiva de eventos con mensajegráfica de visualizaciones


JavaScript

Actualizado el 10 de Mayo del 2016 por kip (Creado el 09 de Mayo del 2016)
845 visualizaciones desde el 09 de Mayo del 2016. Una media de 35 por semana
Aqui dejo este código que permite el conteo regresivo de un evento obteniendo las fechas mediante PHP.

Espero sea de utilidad.

Saludos

1.0

Actualizado el 10 de Mayo del 2016 (Creado el 09 de Mayo del 2016)gráfica de visualizaciones de la versión: 1.0
846 visualizaciones desde el 09 de Mayo del 2016. Una media de 35 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
62
63
64
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php $fecha = date("Y-m-d H:i:s", time()) ;//fecha de hoy con tiempo del servidor
$cadena_fecha_mysql = "2016-05-09 16:27:00";//fecha aleatoria puede sustituirse por alguna fecha de la base de datos
 $fechafinal = strtotime($cadena_fecha_mysql) ;// transformo a unixtime la fecha que obtuve 
 $mesfinal = date("m",$fechafinal);//obtengo el mes del evento
  $diafinal = date("d",$fechafinal);//obtengo el dia del evento
   $anofinal = date("Y",$fechafinal);//obtengo el anio del evento
    $horafinal = date("H",$fechafinal);//obtengo las horas del evento
 	 $minutofinal = date("i",$fechafinal);//obtengo los minutos del evento
 ?>
<script type="text/javascript">
var month = (<?php echo $mesfinal?>)-1//mes del evento 0:enero, 1:febrero, ...
var day = (<?php echo $diafinal?>); //dia del evento 
var year = (<?php echo $anofinal?>); //año del evento 
var hora = (<?php echo $horafinal?>)//mes del evento 0:enero, 1:febrero, ...
var minu = (<?php echo $minutofinal?>); //dia del evento 
var evento = new Date(year,month,day,hora,minu); //dia y hora del evento 
	//inicio el contador
	function contadorEvento(id){
    var fecha= evento //fecha evento
    var hoy= new Date(<?php strtotime($fecha) ?>) ;//fecha de hoy segun el servidor
    var dias=0
    var horas=0
    var minutos=0
    var segundos=0
 
    if (fecha>hoy){
        var diferencia=(fecha.getTime()-hoy.getTime())/1000
        dias=Math.floor(diferencia/86400)
        diferencia=diferencia-(86400*dias)
        horas=Math.floor(diferencia/3600)
        diferencia=diferencia-(3600*horas)
        minutos=Math.floor(diferencia/60)
        diferencia=diferencia-(60*minutos)
        segundos=Math.floor(diferencia)
 
        document.getElementById(id).innerHTML='Quedan ' + dias + ' D&iacute;as, ' + horas + ' Horas, ' + minutos + ' Minutos, ' + segundos + ' Segundos'
 
        if (dias>0 || horas>0 || minutos>0 || segundos>0){
            setTimeout("contadorEvento(\"" + id + "\")",1000)
        }else {
			alert("EL EVENTO FINALIZO");
			document.getElementById(id).innerHTML= 'El evento creado acaba de finalizar.';
 
		}
    } else {
 
		alert("EL EVENTO YA TERMINO");
		document.getElementById(id).innerHTML= 'El evento ya finalizo.';
	}
}
 
 
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Evento</title>
</head>
 
<body onload="contadorEvento('contador')">
        <div id='contador'></div>
</body>
</html>



Comentarios sobre la versión: 1.0 (0)


No hay comentarios
 

Comentar la versión: 1.0

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

http://lwp-l.com/s3526