Kuidas teha digitaalne kell

Autor: Frank Hunt
Loomise Kuupäev: 15 Märts 2021
Värskenduse Kuupäev: 20 November 2024
Anonim
Crochet octopus / Reversible crochet octopus / Octopus tutorial
Videot: Crochet octopus / Reversible crochet octopus / Octopus tutorial

Sisu

Kui te pole veel ideaalset digitaalset kella mudelit leidnud, saate luua oma, kasutades HTA programmeerimiskeelt. Internet Exploreri pakutavate funktsioonidega sisaldab see keel töölauale kõiki HTML ja JavaScript võimalusi. Arendajad saavad lisada veebilehtedele digitaalseid kellasid, kasutades mõningaid JavaScripti ridu. HTA-keelega on aga võimalik teha kohandatud malle, kasutades CSS-i omadusi.


Juhised

Aja tundmiseks ei ole vaja füüsilist kella (Martin Poole / Photodisc / Getty Images)
  1. Avage Notepad ja kleepige järgmine avaldus uude dokumenti:

    HTA test

    type = "text / css"> .clockStyle {border: paks dotted sinine; taustavärv: # FFFF00; laius: 100 px; kõrgus: 20 px; teksti joondamine: keskus; }

    Selle koodi lõpus olev "stiili" osa määratleb klassi nimega "clockStyle". See klass määrab kella välimuse. Näiteks sisestavad piiri atribuudid sinise ringiga punktiirjoonega ööpäevaringselt. Taust on kollane. Laiuse ja kõrguse parameetrid iseloomustavad objekti pikslit.

  2. Lisage eelmise sammu koodi all olev JavaScript-blokk:


    Pange tähele koodi ülaosas asuvaid muutujaid "windowWidth" ja "windowHeight". Nad kontrollivad digitaalset kella sisaldava akna suurust. Muutke neid väärtusi soovitud viisil.

  3. Lisage järgmine kood, mida on kirjeldatud viimases osas:

    >

    See loob elemendi "div", see tähendab kella keha. Teie klassi atribuut viitab varem kirjeldatud CSS-stiilis deklaratsioonile.

  4. Vajutage samaaegselt "Ctrl" ja "S" ning tippige väljale "Save As" kuvatavasse "File Name" väljale "DigitalClock.hta". Faili nime salvestamiseks klõpsake "Salvesta".

  5. Avage "Windows Explorer" ja leidke fail. Topeltklõpsake digitaalse kella kuvamiseks failil.

Kuidas

  • Kohanda kella, muutes CSS-i omadusi dokumendi "stiili" osas. Näiteks, et muuta taustaks roosa, asendage koodis "kollane" sõnaga "roosa". Tavaliselt uuendavad kellad ekraani iga sekundi järel. Värskendussageduse muutmiseks muutke koodis "1000" teiseks väärtuseks, näiteks 2000. See muudab kella iga kahe sekundi järel.

Viited

  • Microsoft MSDN: HTML-rakenduste tutvustus (HTA-d)
  • W3Schools: JavaScript Date Object [inglise keeles]