I've written a small class to display a timer on the page. It's not
complete, and could be added to, but here goes.
I release it under the GPLv3 license.
http://cs.earlham.edu/~kevin/Mootools.Timer.js
Of note:
- It's a timer. You create it with:
var timer = new Timer();
$('clock').timer = new Timer({length: 5000}); // length is in
milliseconds
- It's updates itself on the page:
...
<p id='clock'></p>
...
var timer = new Timer({length: 10000});
timer.setDisplay( $('clock') );
... or ...
var timer = new Timer({length: 10000, display: $('clock')});
Putting the two together:
var clock = $('clock');
clock.timer = new Timer({length: 10000, display: clock});
- It's a timer, not clock, so start it:
clock.startTimer(); // will update itself thanks to display:
Other options:
granularity - how often to update a display, defaults to 250ms.
callback - a function to call when timer hits zero.
Currently, it can display up to tenths, but I haven't finished working
that in. I may not either as the project didn't call for it. If
someone else wants to take up the flag ...