0
(0)

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 en texto según la hora, 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 por ejemplo: 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).

 

Mira aquí otros post con etiqueta Según el tiempo

 


Vicente Ramírez Administrator

Me encantan los blogs y todo lo que se puede aprender con ellos.
Me desempeñé como profesor de sistemas informáticos unos años de mi vida. Estudios de Licenciatura en Publicidad y Marketing. Tnlgo. en Sistemas de Computación, enseñando lo poco o mucho que puedo saber y ahora con gusto lo comparto con ustedes.

follow me
Vicente Ramírez

Soy autor y fundador de este sitio. Me encantan los blogs y todo lo que se puede aprender con ellos.

Unos años de mi vida me desempeñé como técnico en una empresa de telecomunicaciones y otros como profesor de sistemas informáticos, enseñando lo poco o mucho que puedo saber y ahora lo comparto con ustedes.

En casa, no le huyo a preparar recetas de cocina, sobre todo si se trata de compartir la mesa con mis hijos. Me gusta  también ver la vida en el proceso de las plantas y el respeto a los animales.

Tengo estudios formales de Tecnología en Sistemas de Computación y Licenciatura en Publicidad y Marketing.  Aunque sobre varias  temáticas me gusta ser autodidacta y experimentar para obtener resultados que pueda compartir de manera confiable.

Sin embargo, respecto a mi formación, regularmente evito me llamen por título y simplemente soy Vicente Ramírez, un instructor, un papá, un amigo.  Y es que en ocasiones he escuchado cuando a alguien le preguntan por su nombre y responde… Mi nombre es “Ingeniero Juan Pérez” o “Master Ana Piguave”, por lo que me pregunto si sus padres le habrán puesto por nombre “Ingeniero” o “Master” (😃 Je, je, je, una cosa es el nombre, otra cosa es la profesión). 

Realmente me apasiona el emprendimiento combinado con la tecnología, por lo que me he dado impulso para gestionar con mi proyecto web actual, plasmando este blog en el que se incluyen varias temáticas.

Así, esta web nace con la vocación de ser un sitio para compartir y divulgar estos conocimientos combinados con el de otros autores que poco a poco se van integrando.

 

¿Puedes calificar esta publicación?

¡Haz clic en una estrella para puntuarla!

Promedio de puntuación 0 / 5. Recuento de votos: 0

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Deja una respuesta