Kezdő Weblap

Wekker típusú óra számlapja és mutatói

 

Óra számlapja, percek és számok. JavaScript programok és leírások. Kattints ide!

Óra mutatói: másodperc, perc és óra. JavaScript programok és leírások

Másodpercek mutatója Percek mutatója Óra mutatója

Óra mutatóinak, egymásra helyezése

Komplett óra háttérszínnel leírás nem kész
Komplett óra háttérszínnel leírás nem kész


Komplett óra háttérképpel

A fenti részekben, úgy készítettem el az óra megjelenítésének leírásait, hogy a kezdőknek is egyértelmű legyen, azaz könnyen megértsék hogyan hozhatjuk működésbe, és hogyan jeleníthető meg az óra Explorer és Mozilla Firefox böngészőben.

Következő részekben, az óra megjelenítéséhez, leegyszerűsítjük a JavaScript programot és a stílus azaz CSS fájl tartalmát.


Óra azaz Wekker egyszerűen. Leírás megtekintéséhez, kattints ide!

Körkörös óraOvális óra azaz wekker leírása





Óra, wekker, megjelenítése canvas területen

Leírás megtekintéséhez, katt ide!







A fent bemutatott óra megjelenítő programok, mindegyik (IE; MA Firefox; Google Chrome;) böngészőben egyformán jelennek meg.
Óra, a mindennapjaink legfontosabb kelléke.
Számítógépünkön megjelenő óra pontossága, a számítógépünkbe épített óra beállításától függ.
A számítógép programjába beépített óra pontosságát, mindenki saját maga állítja be.
Az óra JavaScript programjait, megírhatjuk egyetlen js fájlban is.
A fenti részekben, két részre választottam az óra JavaScript programok megírását.
Egyik JavaScript program, az óra számlapját jeleníti meg.
A másik JavaScript program, az óra mutatóit jeleníti meg.
Mivel az óra megjelenítését, két különálló JavaScript program tartalmazza, így az óra ezen részeit, más célra is felhasználhatjuk.
Például:
- Az óra számlapját, nem csak óra megjelenítésére, hanem körök és oválisok rajzolásához is felhasználhatjuk.
- Az óra mutatóit, beilleszthetjük háttérképre is.

Ha, az óra számlapját háttérképpel oldjuk meg, akkor mindenki fantáziájától függ, hogy az óra számlapja milyen formátumban jelenik meg, azaz végtelen variáció lehetséges, az óra számlapjának megjelenítésére.
Az óra, tetszőleges helyre pozícionálható a weboldalon.
Az óra elhelyezkedését, megadhatjuk position: absolute és position: fixed pozícióban is.
Ha, az óra elhelyezkedését, position: fixed meghatározással adjuk meg, akkor követi az oldal görgetését.
Ha, az óra elhelyezkedését, position: absolute meghatározással adjuk meg, akkor választhatunk, hogy top és left, vagy margin-top és margin-left, meghatározást alkalmazunk.
Óra elhelyezésének meghatározása top, left, akkor a body területének bal felső sarka a kiinduló pont.
Óra elhelyezésének meghatározása margin-top, margin-left, akkor a szövegfolyamban megírt pozícióhoz képest jelenik meg.
Óra elhelyezésénél figyeljünk oda, hogy weboldalunk tartalmának olvashatóságát ne akadályozza, és ne legyen zavaró a felhasználók részéről.

Rövid mechanikus óra történelem

Az időmérés a társadalomba szerveződés után, az emberiség egyik legősibb műszaki problémájaként jelentkezett.
Már az óegyiptomiak használtak napórát, majd víz és homokórát.
Helyhez kötött a nap és vízóra, pontatlan a homokóra.
Kezdetleges órák, a napóra kivételével állandó felügyeletet igénylő eszközök voltak.
A nappal közepének észlelésére, a függőlegesen álló pálca, vízszintes legrövidebb árnyékát vették alapul, az órákat napgyűrűvel, majd napórákkal mérték.
Problémát a mechanikus óra megjelenése oldotta meg.
Mechanikus óra története egészen az ókorig nyúlik vissza.
Már ekkor készültek zenélő, táncoló szobrocskákat mozgató órák.
Áttörés a középkor végén következett be, amikor Nyugat-Európában megszülettek az első mechanikus órák.
Az ilyen típusú szerkezetek, azaz órák, Magyarországon a 16. században jelentek meg először.