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

Include jQuery, jQueryUI and jQueryUI css

<link  href="css/jquery-ui.css" rel="Stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery-ui.js" type="text/javascript"></script>

Include the timer js and css

<link href="css/ui.timer.css" rel="Stylesheet" type="text/css" />
<script src="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" });