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!

Share This