jueves, 26 de agosto de 2010

Contador regresivo de Años, meses, días, horas, minutos, segundos en JavaScript

Este es un contador diferente al este que puse aquí, cuentra regresivamente, Años, Meses, dias, horas, minutos y segundos:


<script type='text/javascript'>
var ayo = 2010;
var mes = 12; //1 = Enero
var dia = 31;
var hora = 23;
var minuto = 59;
var segundo = 0;
var evento = "El tiempo pasa..";
 
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='#5a38c6'><b>"+evento+"</b></font></span><br>");
document.write("<span><b>· Dia que sera fin de año:</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>");
 
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='#ec5120'>Lleg&oacute;!</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>

No lo inserto para que se vea, por que Blogger no me deja. 


No hay comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.