タイマー Timer
経過時間などを取得する時に使うタイマー（ストップウォッチ？）です。
デモ
ライブラリのダウンロードと設置
こちらを押してダウンロードしてください。
ダウンロードしたtimer.jsを任意の場所へ置き読み込みます。
HTML
<script type="text/javascript" src="js/timer.js"></script>オブジェクトの生成
Timerオブジェクトを生成します。
引数には表示する要素と出力する書式を設定でき、第一引数（表示する要素）は必須で、第二引数（出力書式）は省略できます。
| 引数 | 初期値 | 説明 |
|---|---|---|
| 第一引数 | null | 時間を表示する要素 |
| 第二引数 | 'h:i:s:c' | 出力する書式 h：時間 i：分 s：秒 c：ミリ秒 |
JavaScript
var output = document.getElementById('output'),
timer = new Timer(output, 'h時間i分s秒');HTML
<div id="output"></div>メソッド
次のメソッドが実行可能です。
| メソッド | 説明 |
|---|---|
| .start() | タイマーの開始 |
| .stop() | タイマーの停止 |
| .reset() | タイマーの初期化 |
JavaScript
var output = document.getElementById('output'),
startBtn = document.getElementById('start'),
stopBtn = document.getElementById('stop'),
resetBtn = document.getElementById('reset'),
timer = new Timer(output, 'h時間i分s秒');
startBtn.onclick = function() {
timer.start();
};
stopBtn.onclick = function() {
timer.stop();
};
resetBtn.onclick = function() {
timer.reset();
};HTML
<div id="output"></div>
<input type="button" value="スタート" id="start" />
<input type="button" value="ストップ" id="stop" />
<input type="button" value="リセット" id="reset" />