Hogyan készítsünk digitális órát

Szerző: Eugene Taylor
A Teremtés Dátuma: 12 Augusztus 2021
Frissítés Dátuma: 17 November 2024
Anonim
Hogyan készítsünk digitális órát - Cikkek
Hogyan készítsünk digitális órát - Cikkek

Tartalom

Ha még nem találta meg az ideális digitális óramodellt, akkor a HTA programozási nyelv segítségével hozhat létre saját. Az Internet Explorer által biztosított funkciókkal ez a nyelv tartalmazza az összes HTML és JavaScript funkciót az asztalon. A fejlesztők digitális órákat adhatnak hozzá a weblapokhoz a JavaScript néhány sorával. A HTA nyelvvel azonban lehetőség van egyéni sablonok készítésére a CSS tulajdonságokkal.


irányok

Nem kell fizikai órát megismerni az idő megismeréséhez (Martin Poole / Photodisc / Getty Images)
  1. Nyissa meg a Jegyzettömböt, és illessze be az alábbi nyilatkozatot az új dokumentumba:

    HTA teszt

    type = "text / css"> .clockStyle {határ: vastag pontozott kék; háttérszín: # FFFF00; szélesség: 100px; magasság: 20px; szöveg-igazítás: központ; }

    Ennek a kódnak a "stílus" része, amely a végén látható, meghatározza az "clockStyle" nevű osztályt. Ez az osztály meghatározza az óra megjelenését. Például a határ attribútumok egy kék vonalban pontozott határvonalat helyeznek be az éjjel-nappal. A háttér sárga. A szélesség és a magasság paraméterei jellemzik az objektum pixel felbontását.


  2. A következő JavaScript-mondat hozzáadása az előző lépés kódja alatt:

    Jegyezze fel a "ablakWidth" és "windowHeight" változókat a kód tetején. A digitális órát tartalmazó ablak méretét szabályozzák. Módosítsa ezeket az értékeket.

  3. Adja hozzá az alábbi kódot az utolsó részben leírtak szerint:

    >

    Ez létrehozza a "div" elemet, azaz az óra testét. Az osztályod attribútuma a korábban leírt CSS-stílus deklarációra hivatkozik.

  4. Nyomja meg egyszerre a "Ctrl" és az "S" gombot, és írja be a "DigitalClock.hta" -t a "Mentés másként" ablakban megjelenő "Fájlnév" mezőbe. A fájlnév mentéséhez kattintson a "Mentés" gombra.


  5. Nyissa meg a Windows Intézőt, és keresse meg a fájlt. A digitális óra megjelenítéséhez kattintson duplán a fájlra.

tippek

  • Az óra testreszabása a CSS tulajdonságok módosításával a dokumentum "stílus" részében. Például, ha a hátteret rózsaszínre szeretné cserélni, a "sárga" helyett a "rózsaszín". Általában az órák másodpercenként frissítik a kijelzőt. A frissítési gyakoriság megváltoztatásához változtassa meg a kódban az "1000" értéket egy másik értékre, például 2000-re. Ez az óra két másodpercenként változik.

Irodalom

  • Microsoft MSDN: Bevezetés a HTML alkalmazásokba (HTA-k)
  • W3Schools: JavaScript dátum objektum [angolul]