.container { display: flex; justify-content: space-around; } .box { border: 1px solid #cccccc; padding: 10px; text-align: center; width: 100px; /* Establecer el ancho fijo para los cuadros */ } .countdown { font-size: 30px; font-family: Dancing Script Normal; } .label { font-size: 12px; font-family: Monotype Corsive; } 0 Días 0 Horas 0 Minutos document.addEventListener('DOMContentLoaded', () => { // Variables const DATE_TARGET = new Date('12/29/2023 09:00 PM'); const SPAN_DAYS = document.querySelector('#days'); const SPAN_HOURS = document.querySelector('#hours'); const SPAN_MINUTES = document.querySelector('#minutes'); // Milliseconds for the calculations const MILLISECONDS_OF_A_SECOND = 1000; const MILLISECONDS_OF_A_MINUTE = MILLISECONDS_OF_A_SECOND * 60; const MILLISECONDS_OF_A_HOUR = MILLISECONDS_OF_A_MINUTE * 60; const MILLISECONDS_OF_A_DAY = MILLISECONDS_OF_A_HOUR * 24; // Function to update the countdown function updateCountdown() { const NOW = new Date() const DURATION = DATE_TARGET - NOW; const REMAINING_DAYS = Math.max(Math.floor(DURATION / MILLISECONDS_OF_A_DAY), 0); const REMAINING_HOURS = Math.max(Math.floor((DURATION % MILLISECONDS_OF_A_DAY) / MILLISECONDS_OF_A_HOUR), 0); const REMAINING_MINUTES = Math.max(Math.floor((DURATION % MILLISECONDS_OF_A_HOUR) / MILLISECONDS_OF_A_MINUTE), 0); // Render SPAN_DAYS.textContent = REMAINING_DAYS; SPAN_HOURS.textContent = REMAINING_HOURS; SPAN_MINUTES.textContent = REMAINING_MINUTES; // Check if the countdown has reached 0 if (REMAINING_DAYS === 0 && REMAINING_HOURS === 0 && REMAINING_MINUTES === 0) { // Countdown has reached 0 // You can add your code to do something when the countdown ends here console.log('Llegó la hora'); } } // Initialize and refresh every second updateCountdown(); setInterval(updateCountdown, MILLISECONDS_OF_A_SECOND); });
@Teredliz
3 ай бұрын
Excelente tutorial Gracias
@oscarguillen4440
4 ай бұрын
Un nuevo seguidor .una duda ¿Es posible poner música ?
@NailethPinto
4 ай бұрын
Hola, si tengo un video donde lo explico.
@oscarguillen4440
4 ай бұрын
Muchas gracias
@hilenalinepaniagua7650
7 ай бұрын
Hola! Muy buen video. Una pregunta, si tengo una lista de invitados, pudiera darles una tarjeta pequeña con código qr para escanearla al entrar al evento?
@NailethPinto
7 ай бұрын
Si, si se puede 😊
@SystemBravo-el9vp
6 ай бұрын
Esta super tu video pero el html para contar el tiempo restante a la fecha no me funciona. Me ayudas con un blog o texto por favor
@NailethPinto
5 ай бұрын
Hola, es importante colocar la cuenta en este orden mes, dia y año
Пікірлер: 9