Hola
Con javascript
Código Javascript
:
Ver original<html>
<head>
<style type="text/css">
#calContador {width:300px;}
#calFondoEnunciado {background-color:#6B8E23;color:#FFFFFF;font-family:Arial;font-size:12px;border: 1px solid #C9C9C9;border-width: 1px 1px 0px 1px;text-align:center;}
#calCuerpo td{background-color:#6B8E23;color:#FFFFFF;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;}
#calCuerpo td.cont{background-color:#FFFF00;color:#000000;}
</style>
<script type="text/javascript">
function crono(){
var dia = 04, mes = 6, anio = 2009, hora = 22, minutos = 46 //aquí es donde has de establecer la fecha final. Recuerda que enero es el mes 0, así el 5 es junio.
var fechaFinal = new Date(anio,mes,dia,hora,minutos)
var hoy = new Date()
diferencia = fechaFinal.getTime() - hoy.getTime()
dias =diferencia/1000/60/60/24
diasTotales = parseInt(dias)
horasTotales = diferencia/1000/60/60
horasReales = parseInt(horasTotales) - (parseInt(diasTotales)*24)
minutosFaltan = horasTotales - parseInt(horasTotales)
minutosFaltan2 = minutosFaltan*1000*60*60
minutosFaltan2 = minutosFaltan2/1000/60
minutosFinales = parseInt(minutosFaltan2)
segundosFaltan = minutosFaltan2 - parseInt(minutosFaltan2)
segundosFaltan2 = segundosFaltan*1000*60
segundosFaltan2 = parseInt(segundosFaltan2/1000)
falta = "<div id='calContador'><div id='calFondoEnunciado'>Tiempo que Falta hasta el " + dia + "/" + mes + "/" + anio + " " + hora + ":" + minutos + "</div><div id='calCuerpo'><table style='table-layout:fixed;' bgcolor=' #C9C9C9' border='0px' cellspacing='1px' cellspadding='0px' width='300px'><tr>";
if(diasTotales < 10) {diasTotales = "0" + diasTotales;}
if(horasReales < 10) {horasReales = "0" + horasReales;}
if(minutosFinales < 10) {minutosFinales = "0" + minutosFinales;}
if(segundosFaltan2 < 10) {segundosFaltan2 = "0" + segundosFaltan2;}
diasTxt = "<td>Días</td><td class='cont'>" + diasTotales + "</td>";
horasTxt = "<td>Horas</td><td class='cont'>" + horasReales + "</td>";
minutosTxt = "<td>Minutos</td><td class='cont'>" + minutosFinales + "</td>";
segundosTxt = "<td>Segundos</td><td class='cont'>" + segundosFaltan2 + "</td></tr></table></div></div>";
if (Math.abs(diferencia) <= 900) {
contadorCompleto = falta + "<td class='cont'>Se ha cumplido el tiempo</td></tr></table></div></div>";
clearInterval(crono);
}
else
{
contadorCompleto = falta + diasTxt + horasTxt + minutosTxt + segundosTxt
setInterval("crono(),1000")
}
document.getElementById('contador_regresivo').innerHTML = contadorCompleto;
}
window.onload=crono;
</script>
</head>
<body>
<div id="contador_regresivo" style="text-align:center"></div>
</body>
</html>
Con php
Código PHP:
Ver original<html>
<head>
<style type="text/css">
#calContador {width:300px;}
#calFondoEnunciado {background-color:#6B8E23;color:#FFFFFF;font-family:Arial;font-size:12px;border: 1px solid #C9C9C9;border-width: 1px 1px 0px 1px;text-align:center;}
#calCuerpo td{background-color:#6B8E23;color:#FFFFFF;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;}
#calCuerpo td.cont{background-color:#FFFF00;color:#000000;}
</style>
<script type="text/javascript">
function crono(){
var dia = <%=Day(Now)%>, mes = <%=Month(Now)-1%>, anio = <%=Year(Now)%>, hora = <%=Hour(Now)%>, minutos = <%=Minute(Now)+5%>
var fechaFinal = new Date(anio,mes,dia,hora,minutos)
var serv_ahora = new Date();
serv_ahora.getFullYear(<%=Year(Now)%>);
serv_ahora.getMonth(<%=Month(Now)-1%>); // Enero es el mes 0
serv_ahora.getDate(<%=Day(Now)%>);
serv_ahora.getHours(<%=Hour(Now)%>);
serv_ahora.getMinutes(<%=Minute(Now)%>);
diferencia = fechaFinal.getTime() - serv_ahora.getTime()
dias =diferencia/1000/60/60/24
diasTotales = parseInt(dias)
horasTotales = diferencia/1000/60/60
horasReales = parseInt(horasTotales) - (parseInt(diasTotales)*24)
minutosFaltan = horasTotales - parseInt(horasTotales)
minutosFaltan2 = minutosFaltan*1000*60*60
minutosFaltan2 = minutosFaltan2/1000/60
minutosFinales = parseInt(minutosFaltan2)
segundosFaltan = minutosFaltan2 - parseInt(minutosFaltan2)
segundosFaltan2 = segundosFaltan*1000*60
segundosFaltan2 = parseInt(segundosFaltan2/1000)
falta = "<div id='calContador'><div id='calFondoEnunciado'>Tiempo que Falta hasta el " + dia + "/" + mes + "/" + anio + " " + hora + ":" + minutos + "</div><div id='calCuerpo'><table style='table-layout:fixed;' bgcolor=' #C9C9C9' border='0px' cellspacing='1px' cellspadding='0px' width='300px'><tr>";
if(diasTotales < 10) {diasTotales = "0" + diasTotales;}
if(horasReales < 10) {horasReales = "0" + horasReales;}
if(minutosFinales < 10) {minutosFinales = "0" + minutosFinales;}
if(segundosFaltan2 < 10) {segundosFaltan2 = "0" + segundosFaltan2;}
diasTxt = "<td class='cont'>" + diasTotales + "</td><td>Días</td>";
horasTxt = "<td class='cont'>" + horasReales + "</td><td>Horas</td>";
minutosTxt = "<td class='cont'>" + minutosFinales + "</td><td>Minutos</td>";
segundosTxt = "<td class='cont'>" + segundosFaltan2 + "</td><td>Segundos</td></tr></table></div></div>";
if (Math.abs(diferencia) <= 900) {
contadorCompleto = falta + "<td class='cont'>Se ha cumplido el tiempo</td></tr></table></div></div>";
clearInterval(crono);
}
else
{
contadorCompleto = falta + diasTxt + horasTxt + minutosTxt + segundosTxt
setInterval("crono(),1000")
}
document.getElementById('contador_regresivo').innerHTML = contadorCompleto;
}
window.onload=crono;
</script>
</head>
<body>
<div id="contador_regresivo" style="text-align:center"></div>
</body>
</html>
Este último cambiando las partes de ASP claro está
Suerte