0 分0 秒
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 );
}
}
}