jquery.xdRetroClock Плагин
Необычные ретро часы плагин для JQuery
Быстрый старт
Добавим в страницу
<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.xdretroclock.js"></script> <link rel="stylesheet" type="text/css" href="jquery.xdretroclock.css" />
и div элемент
<div id="retroclockbox1"></div>
инициализируем xdretroclock
$(function(){
$('#retroclockbox1').xdretroclock();
})
В результате получаем
Настройки
- Убираем часы, минуты или секунды
$(function(){
$('#retroclockbox1').xdretroclock({showHour:false,showMinute:false,showSecond:true});
})
- смещение по часам
$(function(){
$('#retroclockbox3').xdretroclock({tzoneOffset:3,showSecond:false});
})
- am,pm форматы, до полудня/после полудня (12-ти часовой формат)
$(function(){
$('#retroclockbox4').xdretroclock({am:true});
})
- скорость анимации смены цифры (умножив на 6 должно быть меньше, чем на 1000) по умолчанию 100
$(function(){
$('#retroclockbox5').xdretroclock({speedFlip:50});
})
- установить свое время
$(function(){
$('#retroclockbox6').xdretroclock({time:function(){
return new Date('5.10.2012 12:34:23');
}});
})