Skip to content
This repository


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Pie Timing Plugin for jQuery

branch: master

Merge pull request #12 from AndrewRevinsky/master

Added 'is_reversed' option (to oY-mirror the animation) + Added real time-based calculations to eliminate lags
latest commit eb07787c45
Andrew Revinsky AndrewRevinsky authored
Octocat-spinner-32 Fix Issue #7 - typo colour to color May 09, 2012
Octocat-spinner-32 index.html Added 'is_reversed' option December 27, 2013
Octocat-spinner-32 jquery.pietimer.js Merge branch 'master' of January 23, 2014
Octocat-spinner-32 jquery.pietimer.min.js Added real time-based calculations to eliminate lags January 21, 2014


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 for a demo


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

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

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!


    seconds: 5,
    color: 'rgba(255, 255, 255, 0.8)',
    height: 40,
    width: 40

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

Something went wrong with that request. Please try again.