jquery.xdRetroClock Плагин

Страница проекта | Скачать

Необычные ретро часы плагин для JQuery

ru | eng

Быстрый старт

Добавим в страницу

<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');
	}});
})