Timer

00

window.onload = function(){
	var time = 180;
	var counter;
	var min = document.getElementById("min");
	var sec = document.getElementById("sec");
	var start = document.getElementById("start");
	var stop = document.getElementById("stop");
	var reset = document.getElementById("reset");

start.onclick = function() {  // startをクリックしたら
	toggle();
	counter = setInterval( count, 1000 );
}

stop.onclick = function() { // stopをクリックしたら
	toggle();
	clearInterval( counter );
}

reset.onclick = function() { // resetをクリックしたら
	time = 180;
	sec.innerHTML = time % 60;
	min.innerHTML = Math.floor( time / 60 );
}

/**********************************************
           イベントハンドラではない関数
**********************************************/

function toggle() { // ボタンに関わる関数
	if( start.disabled ) {
		start.disabled = false;
		stop.disabled = true;
	} else {
		start.disabled = true
		stop.disabled = false;
			}
}

function count() { // カウントする関数
	if( time === 0 ) {
		sec.innerHTML = 0;
		min.innerHTML = 0;
		toggle();
		alert("3分経過しました。");
		clearInterval( counter );
	} else {
		time -= 1;
		sec.innerHTML = time % 60;
		min.innerHTML = Math.floor( time / 60 );
			}
}

}