Ejemplos en Javascript
Saludos, fecha, horario y calendario del mes
Este script, como el título indica, muestra por este orden: un saludo según la hora del día, la fecha de entrada en la página y el calendario del mes en curso.
<HTML>
<HEAD>
<TITLE>Ejemplos Javascript: ejemplo prÃ?Æ?Ã?¡ctico </TITLE>
</HEAD>
<BODY bgcolor="white">
<SCRIPT LANGUAGE="JavaScript">
<!-- to hide script contents from old browsers
function greeting()
{
var today = new Date();
var hrs = today.getHours();
document.writeln("<CENTER>
");
if ((hrs >=6) && (hrs <=18))
{
document.write(Math.floor(hrs / 10));
document.write(Math.floor(hrs % 10));
}
else
document.write("");
document.writeln("<BR>");
document.write("<H1>Good ");
if (hrs < 6)
document.write("(Early) Morning");
else if (hrs < 12)
document.write("Morning");
else if (hrs <= 18)
document.write("Afternoon");
else
document.write("Evening");
document.writeln("!</H1>");
document.write("You entered this page at ");
dayStr = today.toLocaleString();
document.write(dayStr);
document.writeln("</CENTER>");
}
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
function calendar()
{
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,
31, 30, 31);
year = today.getYear() + 1900;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1); // works fine for most systems
testMe = firstDay.getDate();
if (testMe == 2)
firstDay.setDate(0);
startDay = firstDay.getDay();
document.writeln("<CENTER>");
document.write("<TABLE BORDER>");
document.write("<TR><TH COLSPAN=7>");
document.write(monthNames.substring(today.getMonth() * 3,
(today.getMonth() + 1) * 3));
document.write(". ");
document.write(year);
document.write("<TR><TH>Sun<TH>Mon<TH>Tue<TH>Wed<TH>Thu<TH>Fri<TH>Sat");
document.write("<TR>");
column = 0;
for (i=0; i<startDay; i++)
{
document.write("<TD>");
column++;
}
for (i=1; i<=nDays; i++)
{
document.write("<TD>");
if (i == thisDay)
document.write("<FONT COLOR="#FF0000">")
document.write(i);
if (i == thisDay)
document.write("</FONT>")
column++;
if (column == 7)
{
document.write("<TR>");
column = 0;
}
}
document.write("</TABLE>");
document.writeln("</CENTER>");
}
greeting();
document.write("</br>");
calendar();
document.write("");
<!-- end hiding contents from old browsers -->
</SCRIPT>
</body>
</html>
<HEAD>
<TITLE>Ejemplos Javascript: ejemplo prÃ?Æ?Ã?¡ctico </TITLE>
</HEAD>
<BODY bgcolor="white">
<SCRIPT LANGUAGE="JavaScript">
<!-- to hide script contents from old browsers
function greeting()
{
var today = new Date();
var hrs = today.getHours();
document.writeln("<CENTER>
");
if ((hrs >=6) && (hrs <=18))
{
document.write(Math.floor(hrs / 10));
document.write(Math.floor(hrs % 10));
}
else
document.write("");
document.writeln("<BR>");
document.write("<H1>Good ");
if (hrs < 6)
document.write("(Early) Morning");
else if (hrs < 12)
document.write("Morning");
else if (hrs <= 18)
document.write("Afternoon");
else
document.write("Evening");
document.writeln("!</H1>");
document.write("You entered this page at ");
dayStr = today.toLocaleString();
document.write(dayStr);
document.writeln("</CENTER>");
}
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
function calendar()
{
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,
31, 30, 31);
year = today.getYear() + 1900;
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
monthDays[1] = 29;
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1); // works fine for most systems
testMe = firstDay.getDate();
if (testMe == 2)
firstDay.setDate(0);
startDay = firstDay.getDay();
document.writeln("<CENTER>");
document.write("<TABLE BORDER>");
document.write("<TR><TH COLSPAN=7>");
document.write(monthNames.substring(today.getMonth() * 3,
(today.getMonth() + 1) * 3));
document.write(". ");
document.write(year);
document.write("<TR><TH>Sun<TH>Mon<TH>Tue<TH>Wed<TH>Thu<TH>Fri<TH>Sat");
document.write("<TR>");
column = 0;
for (i=0; i<startDay; i++)
{
document.write("<TD>");
column++;
}
for (i=1; i<=nDays; i++)
{
document.write("<TD>");
if (i == thisDay)
document.write("<FONT COLOR="#FF0000">")
document.write(i);
if (i == thisDay)
document.write("</FONT>")
column++;
if (column == 7)
{
document.write("<TR>");
column = 0;
}
}
document.write("</TABLE>");
document.writeln("</CENTER>");
}
greeting();
document.write("</br>");
calendar();
document.write("");
<!-- end hiding contents from old browsers -->
</SCRIPT>
</body>
</html>
Fechas y horarios
- Fecha última modificación
- Qué hora es 1/2
- Qué hora es 2/2
- Fecha, hora y días transcurridos desde el inicio del año
- Día, hora y fecha pero sólo si se piden
- Horario en la barra de estado del navegador
- Fecha y hora en la barra de estado con botones
- El día de la semana en que naciste
- Tu edad en días, horas, minutos y segundos
- Tiempo y coste de conexión con una página
- Husos horarios del mundo
- Tiempo de acceso a una página
- Horario y tiempo pasado en una página con un botón
- Fecha y hora
- Husos horarios: primer ejemplo
- Saludos, fecha, horario y calendario del mes
- Calendario completo
- Agenda
- Fecha y hora en un alert activado por boton
- Contador con término final
- Cuenta atrás con término final
- Fecha y hora de entrada en una página web
- Husos horarios, secondo esempio
- Tiempo que falta para una cierta fecha
- Última Modificación con variante
- Mensaje según el día de la semana
- Fecha última visita con cookie
- Husos horarios: tercer ejemplo
- Calendario con formulario
- Signos zodiacales
- Recordatorio
- Husos horarios: cuarto ejemplo
- Otro calendario
- Día de la semana a partir de una fecha