|
|
Digitális idő.
Mobilváltozat!
Asztali változathoz,
kattints a képre!
Digitális dátum és óra megjelenítése.
Amikor gyakorlunk, a most látott böngésző ablakának felső részén, megjelenik egy figyelmeztető szöveg, a biztonság érdekében.
A beállítások megjelenítéséhez kattintson, ide felírat.
Ilyenkor a megjelenő ablakban a blokkolt tartalom engedélyezése szövegre kell kattintani, hogy programunk a gyakorlás alatt is működjön.
Vannak böngésző programok, melyek a biztonság érdekében, minden alkalomkor kérik az engedélyeztetést.
Első JavaScript példa:
Megjelenítjük a pontos dátumot és időt, mely a html lapunk módosításának időpontját mutatja
Megírása html lapon:
<div id="datum">
<script language="JavaScript" type="text/javascript">document.write (document.lastModified); </script>
</div>
Pontos idő és univerzális idő.
UTC: univerzális koordinált idő. Francia megfelelőjének rövidítése.
Melyet korábban greenvwichi középidőként ismertünk(GMT) Ennyi az idő a kezdő délkörön, London Greenwich kerületében.
Meg kell adnunk a helyi és az univerzális időt
A program elején létre kell hozni egy változót, a jelenlegi dátum tárolására.
A változó egy tároló, melyben külömböző dolgokat tárolhatunk (számokat szöveget dátumokat stb.)
A következő utasítás létrehoz egy now elnevezésű véltozót, melyben elhelyezi a pontos időt és a dátumot.
locatime: jelenlegi dátum
utctime: univerzális megfelellője.
Ahhoz hogy adatot jelenítsünk meg, használni kel a dokument.write utasítást, melyet a záró script címke elé kell beírni.
A pluszjelek két szám között használjuk, a böngésző összeadja azokat.
Localtime idő:
Utctime idő:
Mindkét időt egyszerre:
Csak az óra megjelenítése:
A fenti időt, IE és MA nem egyformán jeleníti meg.
Tegyük látványosabbá az órát. Jelenítsük meg, nagyobb méretben.
A méret nagysága: font-size: 40pt;
Írhatunk más meghatározást is.
Ajánlott a külön JávaScript fájl használata.
(a fájl kiterjesztése: js )
Így több webhelyünk, vagy weboldalunk is hivatkozhat ugyan arra a JávaScript programra.
A html és jávascript programokat is könyebb modosítani, ha külön kölön fájlban vannak.
Utasítási sor, a HTML és JavaScript összekapcsolására:
<p> <script language="JavaScript" type="text/javascript" src="java fájl neve.js"> </p>
Az utasítási sort, html lapunk szövegfolyamában tetszés szerinti helyen, div szakaszban, vagy div szakaszon kivül is elhelyezhetjük, azaz ott, hól az időt megszeretnénk jeleníteni.
Utolsó modosítás, vagy frissítés ideje:
Modosítás dátuma és ideje: