Példa: óra- és dátumkijelzés a weblapon
<script language="JavaScript">
var ido;
var idoString;
var kitolt = "0";
var sep = ":";
function Ketyeg() {
ido = new Date();
idoOra = ido.getHours();
idoPerc = ido.getMinutes();
idoMasodperc = ido.getSeconds();
//ora
if (idoOra < 10)
idoString = kitolt + idoOra;
else
idoString = idoOra;
idoString = idoString + sep;
//perc
if (idoPerc < 10)
idoString = idoString + kitolt + idoPerc;
else
idoString = idoString + idoPerc;
idoString = idoString + sep;
//masodperc
if (ido.idoMasodperc < 10)
idoString = idoString + kitolt + idoMasodperc;
else
idoString = idoString + idoMasodperc;
ora.innerText = idoString;
setTimeout('Ketyeg()',1000);
}
</script>
</head>
<body onLoad = "Ketyeg();">
<form name="lap">
<script language="JavaScript">
var most = new Date();
var napok = new Array('vasárnap','hétfő','kedd','szerda','csütörtök','péntek','szombat');
…
var date = ((most.getDate() < 10) ? "0":"") + most.getDate();
function negyjegyu_ev(szam) {
return (szam < 1000) ? szam + 1900 : szam;
}
ma = (negyjegyu_ev(most.getYear())) + "." + honapok[most.getMonth()] + "" + date + "." + "(" + napok[most.getDay()] + ")";
document.write("" + ma);
</script>
Az óra és dátumkijelzés jelentése: a weblapon olyan kód megvalósítása, melynek hatására megjelenik az aktuális idő és dátum.
Elemzés: óra- és dátumkijelzés a weblapon
A feladat két részből áll. Az egyik rész az aktuális dátumot jeleníti meg az alábbi felosztásban: az év kijelzése négy számjeggyel, a hónap és nap, majd zárójelben a nap neve. A példa másik része az aktuális időt kijelző órát jeleníti meg 24 órás és másodperc pontosságú kijelzéssel, másodpercenkénti frissítéssel.
Óra- és dátumkijelzés a weblapon használata
A példa használata egyszerű: a kód böngészőben való futtatásakor a bal felső sarokban megjelenik a dátum és az aktuális idő.
Példa: öröknaptár
<script language="JavaScript">
function kiertekel() {
honap = document.urlap.honap.selectedIndex;
...
var oEv = ev
var kNap = " " + ev + ", " + honap + ", " + nap;
var kerdes = new Date(kNap);
var ev = kerdes.getYear();
if (ev < 100) ev = "19" + kerdes.getYear();
else ev = kerdes.getYear();
if (ev > 1969) rEv = ev;
else {
if (oEv < 1900) {
if (oEv > 1800) {
relEv = (eval(oEv) - 1801) % (28);
rEv = relEv + 1981;
}
else rEv = 1970
}
else
…
}
var kNap = " " + rEv + ", " + honap + ", " + nap;
var kerdes = new Date(kNap);
…
napNev[1] = "Vasárnap";
…
}
</script>
</head>
<body>
<form name="urlap">
<center>
<table border="2" cellspacing="0" cellpadding="0" bgcolor="white">
<tr>
<td colspan="3" align="center">
<font face="verdana, arial" size="-1">
Öröknaptár
</font>
</td>
</tr>
<td align="center">
<input type="text" name="ev" value="19" size="4" maxlength="4">
</td>
<td align="center">
<select name="honap">
<option value="" selected>Hónap
<option value="January">Január
…
</td>
<td align="center">
<select name="nap">
<option value="" selected>Nap
<option value="1">01
…
</select>
</td>
</tr>
</table>
<p>
<input type="button" value="Kiértékel" onClick="kiertekel()">
</p>
Az öröknaptár jelentése: olyan dátumkezelést jelent, hogy a felhasználó által megadott dátumról kiderül, hogy milyen napra esett.
Elemzés: öröknaptár
Az öröknaptár példa alapvetően egy egyszerű matematikai konvertálást jelent, ahol a Date objektum tulajdonságait használjuk fel. Az igazi problémát az egyes napok számának, a hónapok nevének tárolása jelenti, mivel ez sok sort emészt fel a kódban.
Öröknaptár használata
Az öröknaptár használata nem okozhat nagy problémát. A beviteli mezőbe írjuk az évszámot, a lenyíló listákból pedig kiválasztjuk a hónapot és a napot. Majd a Kiértékel nevű gomb megnyomása után egy külön ablakban jelenik meg az adott nap neve.