madzhup / Pie-Timer

Pie Timer

Простейший jQuery плагин для создания кругового таймера/индикатора, также использует Raphael JS.

//Изначальная отрисовка, процент указывается в data-percents="45" атрибуте тега

$('SELECTOR').arc({
	width: 60, //Ширина элемента SVG, по-умолчанию: 100
	height: 60, //Высота элемента SVG, по-умолчанию: 100
	outRadius: 35, //Внешний радиус, по-умолчанию: 35
	inRadius: 30, //Внутренний радиус, по-умолчанию: 30
	percents: 0, //Процент заполнения, по-умолчанию: 0
	color: '#fff', //Цвет элементов, по-умолчанию: белый
	fontSize: 14, //Размер шрифта в пикселях: по-умолчанию: 14
	fontFamily: 'Open Sans, sans-serif', //Шрифт, по-умолчанию: Arial, sans-serif
	time: 2000, //Время анимации в миллисекундах (если 0, то отрисовка без анимации), по-умочанию: 2000
	easing: 'linear' //Функция не линейного изменения скорости, по-умолчанию: linear. Возможные значения: easeIn, easeOut, easeInOut, backIn, backOut, elastic, bounce
});

//Изменение прогресса:
$('SELECOR').data('arc').redraw(проценты, время); //если время анимации не указано или равно 0 - будет применина отрисовка без анимации```