Saludo al visitante dependiendo de la hora (ej: Buenas tardes).
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.
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!
ORIGEN DE LA ENTRADA:
https://internetedadinero.com/saludo-a-usuarios-html-y-javascript/
https://internetedadinero.com/saludo-a-usuarios-html-y-javascript/
No hay comentarios:
Publicar un comentario