Insertar texto en el sitio según la hora con javascript

Insertar texto en el sitio según la hora con javascript

...

...

Es cierto que nuestro computador nos puede mostrar la hora y por ello podemos saber si es mañana, tarde o noche, pero si deseas mostrar un saludo como parte de la presentación que hace tu página para con sus visitantes, puedes insertar el siguiente código en javascript, para que puedas saludar dependiendo de la hora en que se realiza la visita.

Por ejemplo, habrás notado que en la línea inicial de esta entrada te estoy saludando, pero tú puedes insertar el código donde lo requieras.

El código es el siguiente:

<div id="greeting" style="color: blue; font-family: "arial"; font-size: 28px; font-style: italic; font-weight: bold; text-align: center; text-decoration: none;"> </div> <script type="text/javascript"> var datenow = new Date(); var timenow = datenow.getTime(); datenow.setTime(timenow); var hournow = datenow.getHours(); var greeting = document.getElementById('greeting'); if (hournow >= 18) { greeting.innerHTML = "Buenas noches!"; } else if (hournow >= 12) { greeting.innerHTML = "Buenas tardes!"; } else { greeting.innerHTML = "Buenos días!"; } </script>

Puedes configurar los parámetros del <div> si deseas darle formato al texto:

(presenta fuente en negrita o normal)
font-weight:bold;
font-weight:normal;

(presenta estilo fuente cursiva o normal)
font-style:italic;
font-style:normal;

(presenta alineación izquierda, centro, derecha)
text-align:left;
text-align:center;
text-align:right;

(presenta decoración de texto: no, subrayado, sobre rayado, tachado)
text-decoration:none;
text-decoration:underline;
text-decoration:overline;
text-decoration:line-through;

De igual manera puedes cambiar el formato disponiendo otro tipo de fuente, el tamaño y el color.

Así mismo, podrías presentar el mensaje que tú realmente desees, llegada la hora que definas.  (Mmmmm, de pronto no deseas saludar pero si mostrar un mensaje que te convenga)

Quizás también te interese:

• Insertar imagen en el sitio según la hora con javascript
• Cómo ver el Tiempo como título en la pestaña de tu explorador de internet