Simple jQuery-UI timer widget for tracking time on a page.

Include jQuery, jQueryUI and jQueryUI css

<linkhref="css/jquery-ui.css" rel="Stylesheet" type="text/css" /><scriptsrc="js/jquery.js" type="text/javascript"></script><scriptsrc="js/jquery-ui.js" type="text/javascript"></script>

Include the timer js and css

<linkhref="css/ui.timer.css" rel="Stylesheet" type="text/css" /><scriptsrc="js/jquery.ui.timer.js" type="text/javascript"></script>

Start a running timer at 0 seconds

$('#timer').timer();

Don't start the timer right away

$('#timer').timer({autostart: false});

Initially start the timer at 1 minute

$('#timer').timer({initial_seconds: 60});

Update the value of the input tag with id 'time_input'

$('#timer').timer({hidden_selector: "#time_input"});