Как сделать цифровые часы

Содержание

направления
чаевые
ссылки

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

направления

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

Откройте Блокнот и вставьте следующую инструкцию в ваш новый документ:

Тест HTA

type = "text / css"> .clockStyle {border: толстый пунктирный синий; цвет фона: # FFFF00; ширина: 100 пикселей; высота: 20 пикселей; выравнивание текста: по центру; }
Раздел «style» этого кода, отображаемый в конце, определяет класс с именем «clockStyle». Этот класс определяет внешний вид часов. Например, атрибуты границы вставляют линию границы, пунктирную синюю, круглосуточно. Фон желтый. Параметры ширины и высоты характеризуют разрешение объекта в пикселях.
Добавьте следующий блок JavaScript под кодом из предыдущего шага:

Обратите внимание на переменные "windowWidth" и "windowHeight" в верхней части кода. Они будут контролировать размер окна, в котором находятся цифровые часы. Измените эти значения так, как вы хотите.
Добавьте следующий код ниже, который описан в последнем разделе:

>

Это создаст элемент "div", то есть тело часов. Атрибут вашего класса ссылается на объявление стиля CSS, описанное ранее.
Нажмите одновременно клавиши «Ctrl» и «S» и введите «DigitalClock.hta» в поле «Имя файла», отображаемое в окне «Сохранить как». Нажмите «Сохранить», чтобы сохранить имя файла.
Откройте «Проводник Windows» и найдите файл. Дважды щелкните файл, чтобы отобразить цифровые часы.

чаевые

Настройте часы, изменив свойства CSS в разделе «стиль» документа. Например, чтобы изменить фон на розовый, замените «желтый» в коде на «розовый». Обычно часы обновляют дисплей каждую секунду. Чтобы изменить частоту обновления, измените «1000» в коде на другое значение, например 2000. Это будет менять часы каждые две секунды.