Cómo presentar texto en el sitio según la hora

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

Es una gran verdad, que nuestro computador nos puede mostrar la hora y por ello podemos saber si es mañana, tarde o noche.  Sin embargo, 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.  Con este podrás saludar dependiendo de la hora en que se realiza la visita.

También podría servir para presentar algún otro mensaje que estimes necesario, como para hacer un recordatorio, anunciar algo, etc.

Presentar | Insertar texto según la hora

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:

<div id="greeting" style="color: blue; font-family: "arial"; font-size: 28px; font-style: italic; font-weight: bold; text-align: center; text-decoration: none;">

(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;

También puedes cambiar el formato disponiendo otro tipo de fuente, el tamaño y el color.

Así mismo, podrías insertar texto con el mensaje que tú realmente desees, llegada la hora que definas.  Pues,... de pronto no deseas saludar pero si mostrar un mensaje que te convenga.

 

Este código es ideal para insertarlo en sitios creados en Blogger, sea en un widget o el lugar que te convenga.

Ojo: Si en tu sitio utilizas plataforma WordPress, puede que necesites recurrir al uso de un plugin para poder insertar este código.  Te aconsejo que utilices el plugin Woody Snippets, el cual te ayudará a que puedas insertar códigos (lo encuentras en el repositorio de WordPress).

---