Megjegyzés:
Programok elvárják, hogy az újonnan létrehozandó adattárolónkat definiáljuk, azaz bevezessük a "var" kulcsszóval.
Minden utasítás végén, pontosvesszőt alkalmazunk.
(Nem kötelező a pontosvessző, ha új sort kezdünk az ENTER leütésével, de alkalmazása ajánlott minden utasítás végére, és így biztos, hogy nem hibázunk programunk megírásánál.
Valamint a kódok, részünkről is egyértelműebbek és világosabbak)
Példa, állandó adattárolóra:
Elhelyezünk kettő, állandó adattárolót.
- Az a nevű állandó számot tartalmaz.
- A b nevű állandó, karakterláncot (szöveget) tartalmaz.
Frissítsük a böngészőnket, és láthatjuk, hogy minden frissítést követően, ugyanazon érték jelenik meg, azaz nem változik.
<script language="JavaScript" type="text/javascript">
var a = 10;
var b = "Az a nevű állandó értéke: ";
document.write(b);
document.write(a);
</script>
Fenti programunk eredménye:
Példa, változó adattárolóra:
Készítünk egy idő, azaz, ékezet nélkül "ido" elnevezésű változót, azaz adattárolót.
Ebbe helyezi el programunk, a JavaScript beépített Date objektumát, mely a dátumot és időpontot kezeli.
Frissítsük a böngészőnket, és láthatjuk, hogy minden frissítést követően más és más érték jelenik meg.
<script language="JavaScript" type="text/javascript">
ido = new Date ( );
document.write(ido);
</script>
Fenti programunk eredménye:
Most, további két adattárolót, azaz változót is elhelyezünk a programunkban.
- localtime és az utctime néven
- Első a jelenlegi dátumot, második az univerzális megfelelőjét tartalmazza.
<script language="JavaScript" type="text/javascript">
ido = new Date ( );
localtime = ido.toString ( );
utctime = ido.toGMTString ( );
</script>
Elértünk oda, hogy elkészült a programunk, de ebből még semmit sem látunk.
Készítünk egy kimenetet, hogy weboldalunkon látható legyen, mit is csináltunk.
A JavaScript, több lehetőséget is biztosít arra, hogy az általunk készített program megjelenjen weblapunkon.
Ezek egyike a dokument.write utasítás, mely számot, számokat, szöveget, karakterláncot, vagy más adatot jelenít meg programunkból.
Az általunk megjelenítendő szöveget vastagabb karakterekkel jelöljük ki. Erre alkalmazzuk a kezdő <b> és záró </b> címkéket.
Megjegyzés:
Mi a string: A localtime és az utctime változók valójában szöveget tartalmaznak, (2009. június 26. 17.45 ) az ilyen szövegeket, karakterláncoknak, azaz string-nek nevezzük.
Kiíratás elkészítése:
A zöld és kék színnel jelölt szövegrészek helyett, tetszőleges szavakat (ékezet nélkül) írhatunk.
A piros háttérszínnel jelölt részeket, nem módosíthatjuk.
<script language="JavaScript" type="text/javascript">
ido = new Date ( );
localtime = ido.toString ( );
utctime = ido.toGMTString ( );
document.write ("<b>Local time:</b>" + localtime + "<br />" ) ;
document.write ("<b>UTC time: </b> " + utctime ) ;
</script>
idő helyett írjuk, persze vessző nélkül, azaz ido
localtime helyett, valós idő, azaz valosido
utctime helyett, univerzális idő, azaz univerzalisido
<script language="JavaScript" type="text/javascript">
ido = new Date ( );
valosido = ido.toString ( );
univerzalisido = ido.toGMTString ( );
document.write ("<b>Pontos idő, a saját számítógépeden:</b> " + valosido + "<br />" ) ;
document.write ("<b>Pontos idő, a kezdő délkörnél, London Greenwich kerületében:</b> " + univerzalisido ) ;
</script>
A pontos idő tekintetében végeredmény ugyan az, csak a kezdő szöveg változot meg, mert, ezt írtuk be.
Megjegyzés:
Valós idő = azzal az idővel, melyet a saját számítógépeden alapértelmezésként beállítottál.
Ebből következik, hogy mindenkinél az a valós idő, melyet a saját gépén, alapértelmezésként beállít, azaz nem biztos, hogy az én gépemen is annyi az idő, mint nálad.
Jelenleg ott tartunk, hogy programunk azon időt mutatja, mikor az oldalra beléptünk, vagy az oldalt frissítjük, de még nem ketyeg.
Az ehhez hasonló egyszerű programokat, a HTML fájlban is megírhatjuk, de javasolt a külön HTML és JavaScript fájlok készítése.
Megjegyzés:
Date (); a JavaScript beépített objektuma. Dátumok és időpontok kezelésére használhatjuk
Következő utasítások, a JavaScript beépített függvényei:
toString (); A jelenlegi dátumot tartalmazza (localtime)
toGMTString (); A jelenlegi dátum univerzális megfelelőjét tartalmazza (utctime)
getHours (); Az óra függvénye
getMinutes (); A perc függvénye
getSeconds (); A másodperc függvénye
<script language="JavaScript" type="text/javascript">
ido = new Date ( );
ora = ido.getHours();
perc = ido.getMinutes ();
masodperc = ido.getSeconds ();
document.write ("<b>Óra:</b> " + ora + "<br />" ) ;
document.write ("<b>Perc:</b> " + perc + "<br />") ;
document.write ("<b>Másodperc:</b> " + masodperc ) ;
</script>
Megjelenése weboldalon, azaz a monitoron:
Az idő megjelenítése, attól függ, hogy a document.write zárójelei között, milyen meghatározásokat, azaz utasításokat írunk.
A betűk és számok nagyságát is meghatározhatjuk.
Nézzünk néhány példát.
Az óra, digitális formátumának megjelenítése:
<p>Megjelenése weboldalon, azaz a monitoron:
Nagyítsuk ki a digitális óránkat.
Erre a célra, html dokumentumban alkalmazott címsorok valamelyikének címkéjét alkalmazzuk.
A következő példában, <h3> címsorra jellemző címkét alkalmazunk.
Megjelenése weboldalon, azaz a monitoron:
<p>
<script language="JavaScript" type="text/javascript">
ido = new Date ();
valosido = ido.toString ( );
univerzalisido = ido.toGMTString ( );
document.write ("<b>Dátum a saját számítógépeden:</b> " + valosido + "<br />" ) ;
document.write ("<b>Dátum a kezdő délkörnél, London Greenwich kerületében:</b> " + univerzalisido ) ;
ora = ido.getHours();
perc = ido.getMinutes ();
masodperc = ido.getSeconds ();
document.write ("<h3>");
document.write (ora + ":" + perc + ":" + masodperc) ;
document.write ("</h3>");
</script>
</p>
Megjelenése weboldalon, azaz a monitoron:
A digitális óra megjelenítését, megírhatjuk így is:
<p>
<script language="JavaScript" type="text/javascript">
ido = new Date ();
valosido = ido.toString ( );
univerzalisido = ido.toGMTString ( );
document.write ("<b>Dátum a saját számítógépeden:</b> " + valosido + "<br />" ) ;
document.write ("<b>Dátum a kezdő délkörnél, London Greenwich kerületében:</b> " + univerzalisido ) ;
ora = ido.getHours();
perc = ido.getMinutes ();
masodperc = ido.getSeconds ();
document.write ("<h3>" + ora + ":" + perc + ":" + masodperc + "</h3>") ;
</script>
</p>
Megjelenése weboldalon, azaz a monitoron:
HTML elemeket is használhatunk, mert a JavaScript kiíratása, azaz kimenete egy weboldalon jelenik meg.
A HTML elemeket idézőjelek között kell elhelyezni.
A megjelenítendő érték egyetlen mondatként, azaz karakterláncban jelenjen meg, a megjelenítendő szöveg és a JavaScript változói, azaz adattárolói közé plusz (+) jelet, kell elhelyezni.
Példa: Sárag háttérszínnel jelölt részek, HTML elemek
document.write ("<b>Dátum a saját számítógépeden:</b> " + valosido + "<br />" ) ;
document.write ("<b>Dátum a kezdő délkörnél, London Greenwich kerületében:</b> " + univerzalisido) ;
document.write ("<h3>" + ora + ":" + perc + ":" + masodperc + "</h3>") ;
Date (); a JavaScript beépített objektuma. Dátumok és időpontok kezelésére használhatjuk
Következő utasítások, a JavaScript alapvető egységei, azaz beépített függvényei, melyek egyetlen műveletet hajtanak végre:
toString (); A jelenlegi dátumot tartalmazza (localtime)
toGMTString (); A jelenlegi dátum univerzális megfelelőjét tartalmazza (utctime)
getHours (); Az óra függvénye
getMinutes (); A perc függvénye
getSeconds (); A másodperc függvénye
getMilliseconds (); Az ezredmásodpercek függvénye