Kā izveidot digitālo pulksteni

Autors: Morris Wright
Radīšanas Datums: 22 Aprīlis 2021
Atjaunināšanas Datums: 13 Maijs 2024
Anonim
Tutas lietas | Pulkstenis S01E10
Video: Tutas lietas | Pulkstenis S01E10

Saturs

Ja vēl neesat atradis ideālu digitālā pulksteņa modeli, varat izveidot savu, izmantojot HTA programmēšanas valodu. Izmantojot Internet Explorer piedāvātās funkcijas, šī valoda ietver visas HTML un JavaScript iespējas darbvirsmā. Izstrādātāji var pievienot digitālos pulksteņus tīmekļa lapām, izmantojot dažas JavaScript rindas. Tomēr, izmantojot HTA valodu, ir iespējams izveidot pielāgotas veidnes, izmantojot CSS īpašības.


Instrukcijas

Nav vajadzīgs fiziskais pulkstenis, lai uzzinātu laiku (Martin Poole / Photodisc / Getty Images)
  1. Atveriet Notepad un ielīmējiet šādu paziņojumu jaunajā dokumentā:

    HTA tests

    type = "text / css"> .clockStyle {border: bieza dotted blue; fona krāsa: # FFFF00; platums: 100px; augstums: 20px; teksta saskaņošana: centrs; }

    Šī koda "stila" sadaļa, kas parādīta beigās, definē klasi, ko sauc par "clockStyle". Šī klase nosaka pulksteņa izskatu. Piemēram, pierobežas atribūti ievieto robežu līniju, kas ir atzīmēta zilā krāsā visu diennakti. Fons ir dzeltens. Platuma un augstuma parametri raksturo objekta pikseļu izšķirtspēju.

  2. Pievienojiet šādu JavaScript bloku zem iepriekšējā soļa koda:


    Atzīmējiet mainīgos lielumus "windowWidth" un "windowHeight" koda augšdaļā. Tie kontrolēs digitālā pulksteņa loga lielumu. Mainiet šīs vērtības jebkurā veidā.

  3. Pievienojiet šādu kodu zemāk, kā aprakstīts pēdējā sadaļā:

    >

    Tas radīs elementu "div", tas ir, pulksteņa ķermeni. Jūsu klases atribūts atsaucas uz iepriekš aprakstīto CSS stila deklarāciju.

  4. Vienlaicīgi nospiediet "Ctrl" un "S" un ierakstiet "DigitalClock.hta" "File Name" laukā, kas redzams logā "Save As". Noklikšķiniet uz "Saglabāt", lai saglabātu faila nosaukumu.

  5. Atveriet "Windows Explorer" un atrodiet failu. Veiciet dubultklikšķi uz faila, lai parādītu digitālo pulksteni.

  • Pielāgojiet pulksteni, mainot CSS rekvizītus dokumenta stila sadaļā. Piemēram, lai mainītu fonu rozā krāsā, nomainiet kodu "dzeltens" ar "rozā". Parasti pulksteņi katru sekundi atjaunina displeju. Lai mainītu atsvaidzes frekvenci, mainiet kodu "1000" citā vērtībā, piemēram, 2000. Tas mainīs pulksteni ik pēc divām sekundēm.

Atsauces

  • Microsoft MSDN: ievads HTML lietojumprogrammās (HTA)
  • W3Schools: JavaScript datums Objekts [angļu valodā]