Аналоговые часы на сайт

Аналоговые часы на сайт с дополнительным полем обратного отсчета

Доброе время суток. Я давно не выкладывал какие-нибудь интересные фишки для интерфейса сайта. Представляю вашему вниманию скрипт аналоговых часов на сайт. Детально проработанные часы с дополнительным табло обратного отсчета. Все окружности, линии, стрелки и цифры и их анимация сделаны на canvas и jquery. Часы очень качественно выполнены и показывают местное время. Хотя вы можете настроить показ врмени под себя. Все настройки часов можно поменять в clock.js, а настройки таймера - в jquery.timers.min.js.

Вы только понаблюдайте за анимацией движения стрелки. Она великолепна. Как настоящая. С инерцией, легким колебанием и возвратом назад. Если еще поработать с css и проставить тени, где нужно, то получиться неплохой 3D эффект. Для повышения качества исполнения дизайна этих часов здесь применены гугловские шрифты. Так что не пугайтесь, когда у Вас на всем сайте какие-либо элементы будут отображатся другим шрифтом. Все правиться в clock.css. Данный скрипт часов работает во всех современных браузерах. Что касается старых версий браузеров - не знаю - не проверял. 

Похожие статьи