Як зробити цифровий годинник

Відеоролик: Оригинальные светодиодные часы VST-865

Зміст

Інструкції
Як
Список літератури

Якщо ви ще не знайшли ідеальну модель цифрових годин, ви можете створити свій власний за допомогою мови програмування HTA. Завдяки функціям, що надаються Internet Explorer, ця мова включає в себе всі можливості HTML і JavaScript у вашому робочому столі. Розробники можуть додавати цифрові годинники до веб-сторінок, використовуючи кілька рядків JavaScript. Однак, за допомогою мови HTA можна створювати власні шаблони за допомогою властивостей CSS.

Інструкції

Не потрібно мати фізичні годинники, щоб дізнатися час (Мартін Пул / Photodisc / Getty Images)

Відкрийте блокнот і вставте наступну заяву в новий документ:

Тест HTA

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

Зверніть увагу на змінні "windowWidth" і "windowHeight" у верхній частині коду. Вони контролюватимуть розмір вікна, що містить цифровий годинник. Змініть ці значення будь-яким бажаним способом.
Додайте наступний код, описаний в останньому розділі:

>

Це дозволить створити елемент "div", тобто тіло годинника. Атрибут вашого класу посилається на декларацію стилю CSS, описану раніше.
Натисніть одночасно "Ctrl" і "S" і введіть "DigitalClock.hta" у поле "Ім'я файлу", що відображається у вікні "Зберегти як". Натисніть "Зберегти", щоб зберегти ім'я файлу.
Відкрийте "Провідник Windows" і знайдіть файл. Двічі клацніть файл, щоб відобразити цифровий годинник.

Як

Налаштуйте годинник, змінюючи властивості CSS у розділі "стиль" документа. Наприклад, щоб змінити фон на рожевий, замінити "жовтий" в коді на "рожевий". Зазвичай годинник оновлює дисплей кожну секунду. Щоб змінити частоту оновлення, змініть "1000" в коді на інше значення, наприклад, 2000. Це змінить годинник кожні дві секунди.