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>