Ver Mensaje Individual
  #8 (permalink)  
Antiguo 17/07/2008, 04:46
Avatar de JoniJnm
JoniJnm
 
Fecha de Ingreso: mayo-2007
Ubicación: Madrid
Mensajes: 264
Antigüedad: 17 años, 6 meses
Puntos: 4
Respuesta: Poner reloj y ir sacando tiempo de espera

Código PHP:
<script type='text/javascript'>
//Por JoniJnm - www.JoniJnm.es
var ayo 2008;
var 
mes 7//1 = Enero
var dia 18;
var 
hora 0;
var 
minuto 00;
var 
segundo 0;
var 
evento "Mi evento";

var 
id;
if (!
id) { id 1; }
else { 
id++; }


document.write("<table border='0' width='100%'>");
document.write("<span><b>· Nombre del evento:</b></span><br>");
document.write("<span><font color='#FF0000'><b>"+evento+"</b></font></span><br>");
document.write("<span><b>· D&iacute;a del evento:</b></span><br>");
document.write("<span id='evento" id "'></span>");
document.write("<span><b>· Tiempo Restante:</b></span><br>");
document.write("<span id='contar" id "'></span>");
document.write("</table>");
document.write("<p><small><b><a href='http://www.jonijnm.es' style='text-decoration: none'>www.JoniJnm.es</a></b></small></p>");

setInterval('contar('+ayo+','+mes+','+dia+','+hora+','+minuto+','+segundo+',' id ')',1000);

</script>
<script type='text/javascript'>
function contar(ayo,mes,dia,hora,minuto,segundo,id) {

var dif = dia + ' del ' + mes + ' de ' + ayo + ', a las ' + hora + ':';
if (minuto < 10) { dif+='0'; }
dif+=minuto + '<br>';
document.getElementById('evento' + id).innerHTML=dif
var a = new Date();
dif = new Date(ayo,mes - 1,dia,hora,minuto,segundo);
dif = (dif.getTime() - a.getTime())/1000;
if (dif < 0) { document.getElementById('contar' + id).innerHTML="<font color='#FF0000'>Lleg&oacute; el evento!!</font>"; }
else {
dia= Math.floor(dif/60/60/24);
hora= Math.floor((dif - dia*60*60*24)/60/60);
minuto= Math.floor((dif - dia*60*60*24 - hora*60*60)/60);
segundo= Math.floor(dif - dia*60*60*24 - hora*60*60 - minuto*60);
var txt = '';
if (dia > 0) {
txt=dia+' d&iacute;a';
if (dia != 1) { txt+='s'; }
txt+= '<br>';
}
if (hora > 0 || dia > 0) {
txt+=hora+' hora';
if (hora != 1) { txt+='s'; }
txt+= '<br>';
}
if (minuto > 0 || hora > 0 || dia > 0) {
txt+=minuto+' minuto';
if (minuto != 1) { txt+='s'; }
txt+= '<br>';
}
txt+=segundo+' segundo';
if (segundo != 1) { txt+='s'; }
document.getElementById('contar' + id).innerHTML=txt;
}

}
</script> 
Abajo a la derecha puedes ver un ejemplo, funcionando. Puedes poner el 1º script como tantos eventos quieras

Última edición por JoniJnm; 17/07/2008 a las 05:19