En este articulo explicare como agregar un saludo a los usuarios de nuestro sitio web dependiendo de la hora en que ingresen. El script mostrara al usuario un mensaje que contiene las palabras «buenos días«, «buenas tardes» o «buenas noches» una vez verifique la hora de ingreso del usuario.
Articulo recomendado para avanzar con HTML y JavaScript: Hacer una APP de Texto-Audio
Desarrollar Script «Saludo a usuarios»
Para desarrollar el script que nos permite mostrar un saludo a los usuarios de nuestro sitio web el código debemos agregar las siguientes lineas a un documento HTML, este documento enlazara un código JavaScript que permitirá habilitar la función del saludo. Podremos nombrarlo index.html para la realización del ejemplo.
Código HTML y JavaScript:
<!DOCTYPE html> <head> <meta charset="utf-8"> <center> <span style="color: #333; font-family: open sans; padding: 5px; background-color: #fafafa; border: #ccc solid 1px;"> <script language="JavaScript" type="text/javascript"> //<![CDATA[ <!-- today = new Date() if(today.getMinutes() < 10){ pad = "0"} else pad = ""; document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ document.write("¡Buenos días!") } if((today.getHours() >=10) && (today.getHours() <=11)){ document.write("¡Buenos días!") } if((today.getHours() >=12) && (today.getHours() <=19)){ document.write("¡Buenas tardes!") } if((today.getHours() >=20) && (today.getHours() <=23)){ document.write("¡Buenas noches!") } if((today.getHours() >=0) && (today.getHours() <=3)){ document.write("¡Buenas noches!") } if((today.getHours() >=4) && (today.getHours() <=5)){ document.write("¡Buenas noches!") } // --> //]]> </script> </span> </center> </html> |
Conclusiones
Habilitar en el sitio web un saludo a los usuarios ayuda a generar afinidad con el usuario, es un elemento que usan en su mayoría las paginas de redes sociales y revistas o portales de noticias, también es muy utilizado en paneles de administración o perfiles de usuarios. Un pequeño script que apoyara el desarrollo de sitios web con HTML y JavaScript. No olvides comentar si tienes alguna duda y si te ha gustado el articulo compártelo ¡Muchas Gracias!
Como puedo poner la hora con minutos, es decir para que por ejemplo a las 12 horas con 30 minutos me muestre un saludo mas no en hora exacta.
Excelente
Un honor haber podido ayudarte, saludos