Para insertar en una web una cuenta atras respecto a una fecha determinada hemos de añadir el siguiente código JavaSrip:
<script>
var objetivo = new Date('10/01/2025 12:00 AM');
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
function muestraRestante() {
var ahora = new Date();
var distancia = objetivo - ahora;
if (distancia < 0) {
clearInterval(timer);
document.getElementById('countdown').innerHTML = 'Pasó la fecha!';
return;
}
var dias = Math.floor(distancia / _day);
var horas = Math.floor((distancia % _day) / _hour);
var minutos = Math.floor((distancia % _hour) / _minute);
var segundos = Math.floor((distancia % _minute) / _second);
document.getElementById('countdown').innerHTML = dias + ' dias, ';
document.getElementById('countdown').innerHTML += horas + ':';
if(/^\d$/.test(minutos)){ document.getElementById('countdown').innerHTML += '0'+ minutos + ':'; }else{ document.getElementById('countdown').innerHTML += minutos + ':'; }
if(/^\d$/.test(segundos)){ document.getElementById('countdown').innerHTML += '0'+ segundos; }else{ document.getElementById('countdown').innerHTML += segundos; }
}
timer = setInterval(muestraRestante, 1000);
</script>
Y en el cuerpo, donde queramos que aparezc el contador:
<div id="countdown" class="contador"></div>

