jc1arke/pietimer
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Repository files navigation
Pietimer injects a canvas element into the page which has an ever reducing pie shaped timer. Once the timer is complete a callback function is performed.
Usage
======
The pietimer canvas element will be injected *into* the specified element.
$('#element').pietimer(); // Will place pietimer inside #element
Don't forget to pass some options and a callback!
Options
=======
$('#element').pietimer({
seconds: 5,
colour: 'rgba(255, 255, 255, 0.8)',
height: 40,
width: 40
},
function(){
alert('boom');
});
height and width will be inherited from the parent element and so are optional.
colour will accept any value that the canvas element accepts including hex values like ffffff