Cómo mostrar un mensaje en una fecha determinada con JavaScript
En JavaScript, podemos programar la visualización de un mensaje en un sitio web en una fecha específica utilizando el objeto Date. Compararemos la fecha actual con la fecha objetivo y mostraremos el mensaje cuando coincidan.
Método con Date()
Aquí tienes un ejemplo en el que se muestra un mensaje cuando la fecha actual coincide con la establecida:
function mostrarMensajeEnFecha(fechaObjetivo, mensaje) {
let fechaActual = new Date();
let fechaSeleccionada = new Date(fechaObjetivo);
// Comparar solo año, mes y día
if (
fechaActual.getFullYear() === fechaSeleccionada.getFullYear() &&
fechaActual.getMonth() === fechaSeleccionada.getMonth() &&
fechaActual.getDate() === fechaSeleccionada.getDate()
) {
document.getElementById("mensaje").textContent = mensaje;
}
}
// Establecer la fecha objetivo (Año, Mes - 1, Día)
mostrarMensajeEnFecha("2025-02-14", "¡Feliz San Valentín!");Explicación
1. Se obtiene la fecha actual con new Date().
2. Se compara con la fecha objetivo (YYYY-MM-DD).
3. Si coinciden el año, mes y día, se muestra el mensaje en un elemento HTML.
HTML para mostrar el mensaje
Asegúrate de tener un elemento en tu HTML donde se mostrará el mensaje:
<p id="mensaje"></p>
Alternativa con setInterval
Si la página estará abierta por mucho tiempo, puedes verificar la fecha cada cierto tiempo:
setInterval(() => {
mostrarMensajeEnFecha("2025-02-14", "¡Feliz San Valentín!");
}, 60000); // Verifica cada minutoEste método es útil para programar eventos como promociones, alertas o recordatorios en una página web.
Jorge García
Fullstack developer