Описание
jqClock это плагин JQuery, который может добавить один или несколько виджетов аналоговых часов в страницу. Каждый виджет часов может показать свое время.
Использование
jQuery('#clock').clock({
size: 150, // Размер виджета. Виджет будет иметь ширину и высоту равную {size} px. По умолчанию 150.http://w3maker.name/wp-admin/post.php?post=182&action=edit
graduations: 4, // Количество делений на циферблате. Может принимать значения 4, 12 или 0.
// Если параметр равен нулю - деления показаны не будут. По умолчанию 4.
date: new Date() // JavaScript Date объект. По умолчанию - текущая дата.
});
Стилизация
jqClock предоставляет следующие CSS классы для стилизации виджета:
- .jqc-clock-sec span — секундная стрелка часов
- .jqc-clock-min span — минутная стрелка часов
- .jqc-clock-hour span — часовая стрелка часов
- .jqc-drad span — деление циферблата
Совместимость
Плагин написан с использованием CSS3 преобразования rotate() и работает в следующих браузерах:
- IE 9.0 +
- Firefox 3.6 +
- Chrome 17.0 +
- Android Browser 2.1 +
- Safari 5.0 +
- iOS Safari 3.2 +
- Opera 11.6 +
- Opera Mobile 11.0 +