Недавно мы публиковали как можно добавить виджет для wordpress с интересными flash-часами. Но если ваш сайт работает не на данном движке то как быть. По это при выходе HTML5 появились новые возможности и новый полет фантазий при использовании данных языков программирования в веб-дизайне. В данном уроке мы рассмотрим процесс создания весьма интересных цифровых часов, которые смогут отлично дополнить дизайн вашего сайта, тем самым указывая пользователям сколько сейчас времени. Давайте посмотрим что же у нас с этого получилось..

Но прежде чем начать просмотр примеров, убедитесь, что у вас установлена последняя версия браузера, желательно последняя версия FireFox, Chrome или  Safari. Для начала мы подключим фреймворки, которые следует разместить между тегами head:

Как вы заметили скриптов достаточно много, основной скрипт это jquery.tzineClock.js, он и выполняет всю основную функцию часов.

Далее мы рассмотрим стили, которые используются для часов, все достаточно просто и не требует детального уделения внимания:

Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.