mostrar el momento del día en que te encuentras en tu blog

Se me ocurrió hacer un script que se asemejara a un reloj pero en lugar de que se mostrasen las horas, que apareciese una frase comunicando el momento del día en el que nos encontramos, por ejemplo, si estás viendo un blog por la tarde, que el script mostrara una frase diciendo: ¡Buenas tardes!

Por suerte lo conseguí y ya puedes insertarlo en tu blog.

Diseño>añadir gadget (elemento de página)>html-javascript

Pega el script:

<div id="momentodia"/>
<script language="JavaScript">
<!--

document.write("<dl><dd>"

day = new Date()
hr = day.getHours()
if ((hr==1)||(hr==2)||(hr==3)||(hr==4) || (hr==5))
document.write("No te vas a dormir?"

if (((hr==6) || (hr==7) || (hr==8) || (hr==9) || (hr==10))
|| (hr==11)) document.write("Buenos días!"

if (hr==12) document.write("Comemos algo?"

if ((hr==13) || ((hr==14) || (hr==15) || (hr==16)) || (hr==17)) document.write("Buenas tardes!"

if ((hr==18) || (hr==19)) document.write("La tarde llega a su fin!"

if ((hr==20) || (hr==21) || (hr==22)) document.write("Buenas noches!"

if (hr==23) document.write("Ya es medianoche!"

if (hr==0) document.write("Es mañana!"

document.write("</dl>"

//--->
</script></div>

Deja que te explique un poco el código...

if ((hr==1)||(hr==2)||(hr==3)||(hr==4) || (hr==5)): son las horas (en cada caso son diferentes), que, como puedes ver en esta línea, indican las horas de sueño: por la noche.

En este otro caso: if ((hr==18) || (hr==19)) puedes ver como se trata de la tarde (a partir de las 6:00 hasta las 7:00).

Puedes configurar tu propio horario, tendiendo en cuenta las horas que ya has escrito (¡no las repitas!) y así escribir tus propias frases.

En cada apartado he escrito una frase (resaltadas en verde) conforme a las horas. Puedes cambiarlas y escribir algo personal si lo deseas.

Finalmente guarda el gadget y colócalo en el lugar que desees.

Compartir en: