jQuery Rooster

Description

Rooster is a simple jquery plugin that injects a timer, manages the countdown, and handles a few events based on the timer state.

Usage

Define an element in your DOM with optional data attributes.

<div class="timer" data-rooster-seconds=60 data-rooster-oncomplete="alert('Timer complete!');">

[Optional] Initialize the plugin on your element on page load to load the unstarted timer with the full time.

$(document).ready(function() {   $('.timer').rooster(); });

Start the countdown!

$('.timer').rooster('start');

[Optional] You can also select the element, define the countdown attributes, and start the timer all in a single call

$('.different-timer').rooster(   'start',   {     seconds: 60,     oncomplete: function() {       alert('Timer complete!');     }   } );

Examples

Basic example: http://mhotwagner.github.io/jquery-rooster/examples/basic.html

Future additions

• onStart handling
• onStop handling
• onInterval handling
• onSecond handling
• Date/time formatting
• Support beyond minutes