Как да си направим цифров часовник

Видео: построить цифровые часы с помощью arduino, sunfounder, arduino project, diy

Съдържание

инструкции
съвети
Позоваването

Ако все още не сте намерили идеален модел за цифров часовник, можете да създадете свой собствен, използвайки езика за програмиране на HTA. С функциите, предоставени от Internet Explorer, този език включва всички възможности на HTML и JavaScript във вашия десктоп. Разработчиците могат да добавят цифрови часовници към уеб страници, използвайки няколко реда JavaScript. Въпреки това, с езика HTA е възможно да се създадат персонализирани шаблони, използващи CSS свойства.

инструкции

Не е необходимо да имате физически часовник, за да знаете времето (Мартин Пуул / Фотодиск / Getty Images)

Отворете Notepad и поставете следния израз в новия си документ:

HTA тест

type = "text / css"> .clockStyle {граница: дебела пунктирана синя; фонов цвят: # FFFF00; ширина: 100px; височина: 20px; text-align: center; }
Секцията "стил" на този код, показана в края, дефинира класа, наречен "clockStyle". Този клас определя вида на часовника. Например, атрибутите на границата вмъкват гранична линия, оцветена в синьо по часовник. Фонът е жълт. Параметрите за ширина и височина характеризират пикселната резолюция на обекта.
Добавете следния JavaScript блок под кода от предишната стъпка:

Обърнете внимание на променливите "windowWidth" и "windowHeight" в горната част на кода. Те ще контролират размера на прозореца, който съдържа цифровия часовник. Променяйте тези стойности, както желаете.
Добавете следния код под описания в последния раздел:

>

Това ще създаде елемента "div", т.е. тялото на часовника. Атрибутът на вашия клас се позовава на CSS декларацията за стил, описана по-рано.
Натиснете едновременно "Ctrl" и "S" и въведете "DigitalClock.hta" в полето "File Name", което се показва в прозореца "Save As". Кликнете върху „Запазване“, за да запишете името на файла.
Отворете "Windows Explorer" и намерете файла. Кликнете два пъти върху файла, за да се покаже цифров часовник.

съвети

Персонализирайте часовника, като промените CSS свойствата в раздела "style" на документа. Например, за да промените фона на розово, заменете "жълтия" в кода с "розов". Обикновено часовниците актуализират дисплея всяка секунда. За да промените честотата на опресняване, променете "1000" в кода на друга стойност, като например 2000. Това ще промени часовника на всеки две секунди.