Foros del Web - Ver Mensaje Individual

joselvir · #3 (**permalink**) 11/06/2011, 11:31

Código:

<style>
#gmtdatetime {
width:415px;
text-align:center;
background: url(../../../image.png) no-repeat;
}

#gmttime {
color:#00f;font-family:Arial, Helvetica, sans-serif;font-size:42px;font-weight:bold;text-shadow: 0px 0px 3px #000, 0px 0px 3px #000;margin:25px 0 0 0;
}

#gmtdate {
color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;text-shadow: 0px 0px 2px #000, 0px 0px 2px #000;margin:18px 0 0 0;
}
</style>
<body onLoad="IniciarCrono()" bgcolor="#0000CC"> 

<?php
date_default_timezone_set('America/Costa_Rica');
$horas = date('G');//0-23
$minutos = date('i');//00-59
$segundos = date('s');//00-59
$diasn = date('N');//1-7
$diam = date('t');//28-31
$mesn = date('n');//1-12
$dia = date('j');//1-31
$ampm = date('a');//am-pm
$año = date('o');//año
switch($diasn){
case 1: $dias="Lunes"; break;
case 2: $dias="Martes"; break;
case 3: $dias="Miercoles"; break;
case 4: $dias="Jueves"; break;
case 5: $dias="Viernes"; break;
case 6: $dias="Sabado"; break;
case 7: $dias="Domingo"; break;
default: $dias="---"; 	
}
switch($mesn){
case 1: $mes="Enero"; break;
case 2: $mes="Febrero"; break;
case 3: $mes="Marzo"; break;
case 4: $mes="Abril"; break;
case 5: $mes="Mayo"; break;
case 6: $mes="Junio"; break;
case 7: $mes="Julio"; break;
case 8: $mes="Agosto"; break;
case 9: $mes="Septiembre"; break;
case 10: $mes="Octubre"; break;
case 11: $mes="Noviembre"; break;
case 12: $mes="Diciembre"; break;
default: $mes="---"; 	
}
?>
<script language="javascript" type="text/javascript"> 
var CronoID = null 
var CronoEjecutandose = false
var decimas, segundos, minutos, horas, mesn, anio, dia, diasn
function InicializarCrono () { 
    decimas = '0';
    segundos = '<?=$segundos?>';
    minutos = '<?=$minutos?>'; 
	horas = '<?=$horas?>';
	mesn = '<?=$mesn?>';
	anio = '<?=$año?>';
	diasn = '<?=$diasn?>';
	dia = '<?=$dia?>';
	horasap = '<?=$horasap?>';
    document.crono.displayh.value = '<?=$horas?>:<?=$minutos?> <?=$ampm?>'
	document.crono.displayf.value = '<?=$dias?> <?=$dia?> de <?=$mes?> del <?=$año?>'
}
function MostrarCrono () {
	decimas++ 
    if ( decimas > 9 ) { 
        decimas = 0 
        segundos++ 
        if ( segundos > 59 ) { 
            segundos = 0 
            minutos++ 
            if ( minutos > 59 ) { 
				minutos = 0 
            	horas++ 
				if ( horas > 24 ) { 
					horas = 1
					dia++
					if ( dia > <?=$diam?> ) { 
						dia = 1
						mesn++ 
						if ( mesn > 12 ) { 
							mesn = 1
							anio++ 
						}
					} 
				}
            } 
        } 
    }	
	minutos=minutos/1	
	if(horas<13){horasap=horas} else {horasap=horas-12}
    var ValorCrono = ""
	ValorCrono = (horasap==0) ? "12" : horasap
	ValorCrono += (minutos < 10) ? ":0" + minutos : ":" + minutos 
	ValorCrono += (horas < 12) ? " am" : " pm"
    document.crono.displayh.value = ValorCrono	
	var ValorFecha = ""	
	ValorFecha = (diasn == 1) ? "Lunes " : ((diasn == 2) ? "Martes " : ((diasn == 3) ? "Miercoles " : ((diasn == 4) ? "Jueves " : ((diasn == 5) ? "Viernes " : ((diasn == 6) ? "Sabado " : ((diasn == 7) ? "Domingo " : "Error "))))))
	ValorFecha += dia + " de "
	ValorFecha += (mesn == 1) ? "Enero" : ((mesn == 2) ? "Febrero" : ((mesn == 3) ? "Marzo" : ((mesn== 4) ? "Abril" : ((mesn == 5) ? "Mayo" : ((mesn == 6) ? "Junio" : ((mesn == 7) ? "Julio" : ((mesn == 8) ? "Agosto" : ((mesn == 9) ? "Septiembre" : ((mesn == 10) ? "Octubre" : ((mesn == 11) ? "Noviembre" : ((mesn == 12) ? "Diciembre" : "Error ")))))))))))
	ValorFecha += " del " + anio
    document.crono.displayf.value = ValorFecha
    CronoID = setTimeout("MostrarCrono()", 100) 
    CronoEjecutandose = true 
    return true 
}
function IniciarCrono () {
	InicializarCrono() 
    MostrarCrono() 
}
</script>

<div id="gmtdatetime"> 
<form name="crono">
<p align="center"><input id="gmttime" type="text" name="displayh" value="<?=$horas?>:<?=$minutos?> <?=$ampm?>" style="background-color:transparent;float:left;border:none;outline:none;width:415px;height:40px;text-align:center;"></p>
<p align="center"><input id="gmtdate" type="text" name="displayf" value="<?=$dias?> <?=$dia?> de <?=$mes?> del <?=$año?>" style="background-color:transparent;float:left;border:none;outline:none;width:415px;height:20px;text-align:center;"></p>
</form> 
</div>