šŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

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.

HTML5 Plugins

Documentation

#Pietimer

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.

Checkout http://www.northfieldx.co.uk/pietimer for a demo

##Usage

The pietimer canvas element will be injected into the specified element.

$('#element').pietimer(); // Will place pietimer inside #element $('#element').pietimer('start'); 

At any point you can pause it. $('#element').pietimer('pause');

And restart it. $('#element').pietimer('start');

And when stopped you can start it again!

Don't forget to pass some options and a callback!

##Options

$('#element').pietimer({ 	seconds: 5, 	color: '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.

color will accept any value that the canvas element accepts including hex values like #ffffff


You May Also Like