Az óra kódja:
Oda illeszd be, ahol majd lesz az óra
 

<p style="text-align: center;">
    <clock class="styling" id="digitalclock"></clock>
</p>

CSS kód az órához
 

<style type="text/css">
<!--
.styling{
     background-color:black;
     color:#f2f2f2;
     font: bold 16px Georgia;
     padding: 10px;
}
-->
</style>

A .js kódot innen tudjátok letölteni: letöltöm
 

HTML oldalon:
Egy .js fájlban mentsd el a script-et, amit tölts fel oldalad tárhelyére és az index oldaladba a head részbe hivatkozásként szúrd be ilyen formán:
 

<script type=”text/javascript” src=”/js/ora-01.js“></script>

G-portálosoknak:
A kódot beilleszted oldalad egyszerű moduljának forráskód nézetébe, leokézod és kész is vagy. Egy jobb vagy bal oldali egyszerű modulba illeszd be a kódot!
Vagy te is beillesztheted olyan hivatkozással, mint a HTML oldalasok, de akkor a .js fájlodat előtte fel kell töltened a G-Portál Médiatárjába, kimásolni a .js URL címét és azt beilleszteni az én URL címem helyére.

Ebbe a kódrészbe illeszd be a letöltött script-et:
 

<script type="text/javascript">
ide jön a kód
</script>

Forrás

1 981 megtekintés