Es sólo pegar este código y reemplazar lo que se desee, (Como el saludo, etc.), y sale andando
CÓDIGO DESDE ACÁ
<head><title>Calendario con hora y saludo</title>
</HEAD>
<BODY><body onLoad=startclock()>
<HTML>
<CENTER>
<font face=Verdana>
<b>Calendario con hora y saludo</b></font><font face=arial size=¨1¨><p>
<CENTER>
<script language=¨JavaScript¨>
<!-- Hide the script from old browsers --
var timerID = null;
var timerRunning = false;
function stopclock() {
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock() {
stopclock();
showtime();
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = ¨¨ + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ¨:0¨ : ¨:¨) + minutes
timeValue += ((seconds < 10) ? ¨:0¨ : ¨:¨) + seconds
timeValue += (hours >= 12) ? ¨ P.M.¨ : ¨ A.M.¨
document.clock.face.value = timeValue;
// you could replace the above with this
// and have a clock on the status bar:
// window.status = timeValue;
timerID = setTimeout(¨showtime()¨,1000);
timerRunning = true;
}
// -->
</SCRIPT>
<SCRIPT LANGUAGE=¨JavaScript¨>
<!-- to hide script contents from old browsers
function greeting(){
var today = new Date();
var hrs = today.getHours();
document.writeln(¨<CENTER>¨);
document.write(¨<H1>Buen@s ¨);
if (hrs < 6) document.write(¨(y tempranos) días¨);
else if (hrs < 12) document.write(¨días¨);
else if (hrs <= 19) document.write(¨tardes¨);
else document.write(¨Noches¨); document.writeln(¨!</H1>¨);
document.writeln(¨</CENTER>¨);
document.writeln(¨<FORM NAME=´clock´ onSubmit=´0´>¨);
document.writeln(¨<DIV ALIGN=CENTER>¨);
document.writeln(¨<INPUT TYPE=´text´ NAME=´face´ SIZE=14 VALUE=´´>¨);
document.writeln(¨</DIV>¨);
document.writeln(¨<FONT SIZE+=4>¨);
}
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 = ¨EneFebMarAbrMayJunJulAgoSepOctNovDec¨;
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();
thisDay = today.getDate();
// leap year calculation
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;
// figure out how many days this month will have...
nDays = monthDays[today.getMonth()];
// and go back to the first day of the month...
firstDay = today;
firstDay.setDate(1);
// and figure out which day of the week it hits...
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>¨);
document.write(¨Dom<TH>Lun<TH>Mar<TH>Mié<TH>Jue<TH>Vie<TH>Sáb¨);
// now write the blanks at the beginning of the calendar
document.write(¨<TR>¨); column = 0; for (i=0; i<startDay; i++) {
document.write(¨<TD><FONT SIZE+=4>¨);
column++;
document.write(¨</FONT>¨);
}
for (i=1; i<=nDays; i++) {
document.write(¨<TD>¨);
if (i == thisDay)
document.write(¨<FONT COLOR=¨#FF0000¨ SIZE+=4>¨)
document.write(i);
if (i == thisDay)
document.write(¨</FONT>¨)
column++;
if (column == 7) {
document.write(¨<TR>¨);
// start a new row
column = 0;
}
}
document.write(¨</TABLE>¨);
document.writeln(¨</CENTER>¨);
}
document.write(greeting());
//document.write(¨<HR>¨);
document.write(calendar());
document.write(¨</FONT>¨);
//document.write(¨<HR>¨);
// --End Hiding Here -->
</script>
<p>
<CENTER><P>
</td></tr>
</table>
</BODY>
</HTML>
Por rb
