Jak udělat digitální hodiny

Autor: Tamara Smith
Datum Vytvoření: 24 Leden 2021
Datum Aktualizace: 29 Červen 2024
Anonim
Jak udělat digitální hodiny - Články
Jak udělat digitální hodiny - Články

Obsah

Pokud jste ještě nenalezli ideální model digitálních hodin, můžete si vytvořit svůj vlastní programovací jazyk HTA. Díky funkcím, které poskytuje Internet Explorer, tento jazyk obsahuje všechny funkce HTML a JavaScript do vašeho počítače. Vývojáři mohou přidávat digitální hodiny na webové stránky pomocí několika řádků JavaScriptu. S jazykem HTA je však možné vytvářet vlastní šablony pomocí vlastností CSS.


Pokyny

Není nutné mít fyzické hodiny, abyste znali čas (Martin Poole / Photodisc / Getty Images)
  1. Otevřete Poznámkový blok a vložte následující prohlášení do nového dokumentu:

    Test HTA

    type = "text / css"> .clockStyle {ohraničení: tlustá modrá tečka; barva pozadí: # FFFF00; šířka: 100px; výška: 20px; zarovnání textu: střed; }

    Sekce "style" tohoto kódu, zobrazená na konci, definuje třídu nazvanou "clockStyle". Tato třída určuje vzhled hodinek. Atributy ohraničení například vloží ohraničovací čáru tečkovanou modře po celý den. Pozadí je žluté. Parametry šířky a výšky charakterizují rozlišení pixelů objektu.


  2. Pod kód z předchozího kroku přidejte následující kód JavaScriptu:

    Poznámka: "windowWidth" a "windowHeight" proměnné v horní části kódu. Budou ovládat velikost okna, které obsahuje digitální hodiny. Změňte tyto hodnoty jakýmkoliv způsobem.

  3. Přidejte následující kód, který je popsán v poslední části:

    >

    Tím se vytvoří prvek "div", tj. Tělo hodin. Atribut vaší třídy odkazuje na deklaraci stylu CSS popsanou dříve.

  4. Stiskněte současně klávesy "Ctrl" a "S" a do pole "Název souboru" zobrazeného v okně "Uložit jako" zadejte "DigitalClock.hta". Klikněte na "Uložit" pro uložení názvu souboru.

  5. Otevřete "Průzkumník Windows" a najděte soubor. Chcete-li zobrazit digitální hodiny, poklepejte na soubor.


Jak

  • Přizpůsobte hodiny změnou vlastností CSS v části "styl" dokumentu. Chcete-li například změnit pozadí na růžové, nahraďte "žlutá" v kódu "růžovou". Obvykle hodiny aktualizují zobrazení každou sekundu. Chcete-li změnit obnovovací frekvenci, změňte "1000" v kódu na jinou hodnotu, například 2000. To změní hodiny každé dvě sekundy.

Odkazy

  • Microsoft MSDN: Úvod do aplikací HTML (HTA)
  • W3Schools: JavaScript Date Object [v angličtině]