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>

Deja una respuesta