Egyedi JavaScriptek

Ezen megjelenési formák tetszőleges XHTML-fájlba beilleszthetők, azaz behívhatók.

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.

Utasítási sor, a HTML és JavaScript összekapcsolására:
<p> <script language="JavaScript" type="text/javascript" src="java fájl neve.js"></script </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.

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. Engedélyezzük.
Vannak böngésző programok, melyek a biztonság érdekében, minden alkalomkor kérik az engedélyeztetést.

Digitális Óra megjelenítése

JavaScript fájl meghívása:
<div id="digitalis_ora"> <p> <span class="digiora">
<script language="JavaScript" type="text/javascript" src="digiora_java.js"></script>
</span> </p>
</div>

CSS, azaz stíluslapon, meghatározások megírása:
#digitalis_ora {width: 200px; margin-top: 20px; margin-bottom: 20px; margin-left: 250px; padding: 5px; background-color: #f96; }
#digitalis_ora p {text-align: center;}

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Megjelenítjük azon pontos dátumot és időt, mely a html lapunk módosításának időpontját mutatja

JavaScript megírása, html fájlban:
<div id="lap_modosult">
<script language="JavaScript" type="text/javascript">document.write (document.lastModified); </script>
</div>

CSS, azaz stíluslapon, meghatározások megírása:
#lap_modosult {width: 200px; margin-top: 20px; margin-bottom: 20px; margin-left: 250px; padding: 10px; background-color: #f96;}

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Most, csak a localtime időt jelenítjük meg

<div id="time_local">
<script language="JavaScript" type="text/javascript" src="localtime_java.js"> </script>
</div>

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Most, csak az utctime időt jelenítjük meg

<div id="time_utc">
<script language="JavaScript" type="text/javascript" src="utctime_java.js"> </script>
</div>

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Most, mindkét dátumot, egyszerre jelenítjük meg

<div id="ketido">
<p><script language="JavaScript" type="text/javascript" src="ketidozona_java.js"></script></p>
</div>

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Most, mindkét időt, és órát, egyszerre jelenítjük meg

<div id="datum_ora">
<script language="JavaScript" type="text/javascript" src="datum_ido_java.js"></script>
</div>

A fenti időt, IE és MA nem egyformán jeleníti meg.

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx